<style type="text/css">
*{ 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>
<script type="text/javascript">
$(function(){
$("li,#div1").hover(
function(){
$("#div1").show()
},
function(){
$("#div1").hide()
}
)
})
</script>
</head>
<body>
<ul id="ul1">
<li><a href="#">list1</a></li>
<li><a href="#">list2</a></li>
<li><a href="#">list3</a></li>
</ul>
<div id="div1"></div>
</body>
</html>
如果hidden是你的隐藏class的话,写法如下:$('.samples').mouseover(function () {
$(this).find('.author').removeClass('hidden')
})
$('.samples').mouseleave(function () {
$(this).find('.author').addClass('hidden')
})
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)