程序员人生 网站导航

用jquery做淡入淡出效果鼠标hover会闪动

栏目:jquery时间:2014-01-23 10:00:51
我用jquery做了一个淡入淡出效果,就是鼠标放上去会淡入一个层(层里只有一张背景图和几个文字),鼠标移开就淡出那个层.
但是只要鼠标放在li上面,鼠标的图案(手型,箭头,I字)就一直在变(闪动),一直在调试,还没有解决。有时放上去又不闪,有时又会闪,真不知道什么原因

html:
<ul class="aaa">
<li><div>这是淡入的层</div><a>列表一</a></li>
<li><div>这是淡入的层</div><a>列表二</a></li>
<li><div>这是淡入的层</div><a>列表三</a></li></ul>

css:
.aaa div{display:none}

jquery:
$(".aaa li").hover(function(){
$(this).find(div).fadeOn(800)
},
function(){
$(this).find(div).fadeOn(200)
})

// 还加了一个去除焦点的代码
$("a").focus(function(){
if(this.blur){ this.blur();}
})
------分隔线----------------------------
------分隔线----------------------------

最新技术推荐