一般電商網(wǎng)站都會有banner的列表,hover的時候會出現(xiàn)div,會根據(jù)li的內容的而改變而改變div的內容,如果div只是展示內容,不做其他的點擊要求,這樣show()就可以了;
但是,如果div的內容里面如果有點擊事件,就要求鼠標移入到div的時候,div可以移入,而不是離開li的時候div hide();
有兩種方法;一種是搭建頁面的時候把div搭建成li的子集,再一種添加事件的時候,不要添加hover,添加mouseenter事件.
以下是點擊顯示與隱藏,
<style>
.box1{
width:500px;
height: 500px;
background: #ccc;
position: absolute;
z-index: 99;
display: none;
top:0;
left:0;
}
</style>
</head>
<body>
<div class="box">
<p>新建</p>
</div>
<div class="box1">
<span>確定</span>
</div>
</body>
<script src="jquery.min.js"></script>
<script>
$("p").on("click",function(){
$(".box1").css("display","block")
})
$("span").on("click",function(){
$(".box1").css("display","none")
})
</script>
