您当前位置：首页 > web前端 > jquery > 用jquery做淡入淡出效果鼠标hover会闪动

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

来源：程序员人生发布时间：2014-01-23 10:00:51 阅读次数：2796次

我用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();}
})