一般電商網(wǎng)站都會(huì)有banner的列表,hover的時(shí)候會(huì)出現(xiàn)div,會(huì)根據(jù)li的內(nèi)容的而改變而改變div的內(nèi)容,如果div只是展示內(nèi)容,不做其他的點(diǎn)擊要求,這樣show()就可以了;
但是,如果div的內(nèi)容里面如果有點(diǎn)擊事件,就要求鼠標(biāo)移入到div的時(shí)候,div可以移入,而不是離開li的時(shí)候div ? hide();
有兩種方法;一種是搭建頁面的時(shí)候把div搭建成li的子集,再一種添加事件的時(shí)候,不要添加hover,添加mouseenter事件.
```
.box1{
width:500px;
height:500px;
background:#ccc;
position:absolute;
z-index:99;
display:none;
top:0;
left:0;
}
新建
確定
$("p").on("click",function(){
$(".box1").css("display","block")
})
$("span").on("click",function(){
$(".box1").css("display","none")
})
```
