软件下载 | 资讯教程 | 最近更新 | 下载排行 | 一键转帖 | 发布投稿
您的位置:最火下载站 > Web前端 > jQuery > 用jquery做淡入淡出效果鼠标hover会闪动

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

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

html:
Copy to ClipboardLiehuo.Net Codes引用的内容:[www.veryhuo.com]
<ul class="aaa">
<li><div>这是淡入的层</div><a>列表一</a></li>
<li><div>这是淡入的层</div><a>列表二</a></li>
<li><div>这是淡入的层</div><a>列表三</a></li></ul>

css:
Copy to ClipboardLiehuo.Net Codes引用的内容:[www.veryhuo.com]
.aaa div{display:none}

jquery:
Copy to ClipboardLiehuo.Net Codes引用的内容:[www.veryhuo.com]
$(".aaa li").hover(function(){
$(this).find(div).fadeOn(800)
},
function(){
$(this).find(div).fadeOn(200)
})

// 还加了一个去除焦点的代码
$("a").focus(function(){
if(this.blur){ this.blur();}
})
    相关阅读
    栏目导航
    推荐软件