jquery元素悬停效果_IT百科

鼠标离开li元素，移到div上div不消失。这个还要结合css,通过相对定位（绝对也行），利用他们的层叠性z-index，使div在li下面。

*{ margin:0padding:0}

ul{ overflow:autoposition:relativez-index:2top:1px}/*通过top:1px,使li覆盖div一个像素*/

li{ float:leftlist-style:nonemargin:0 10px}

#div1{ width: 150pxheight:100pxbackground:#cccdisplay:noneposition:relativez-index:1}

</style>

$(function(){

$("li,#div1").hover(

function(){

$("#div1").show()

function(){

$("#div1").hide()

}

)

})

</script>

</head>

<body>

</ul>

</body>

</html>

如果hidden是你的隐藏class的话，写法如下：

$('.samples').mouseover(function () {

$(this).find('.author').removeClass('hidden')

})

$('.samples').mouseleave(function () {

$(this).find('.author').addClass('hidden')

})

欢迎分享，转载请注明来源：内存溢出

jquery元素悬停效果