设为首页 - 加入收藏 湛江站长网 (http://www.aseasononthemountain.com)- 国内知名站长资讯网站,提供最新最全的站长资讯,创业经验,网站建设等!
热搜: 网站 站长之家 什么 平台
当前位置: 金亚洲官网 > 业界 > 正文

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

发布时间:2018-08-24 02:10 所属栏目:[业界] 来源:站长网
导读:我用jquery做了一个淡入淡出效果,就是鼠标放上去会淡入一个层(层里只有一张背景图和几个文字),鼠标移开就淡出那个层. 但是只要鼠标放在li上面,鼠标的图案(手型,箭头,I字)就一直在变(闪动),一直在调试,还没有解决。有时放上去又不闪,有时又会闪
我用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();}
})

金亚洲官网 www.aseasononthemountain.com 【免责声明】本站内容转载自互联网,其相关言论仅代表作者个人观点绝非权威,不代表本站立场。如您发现内容存在版权问题,请提交相关链接至邮箱:bqsm@foxmail.com,我们将及时予以处理。

网友评论
推荐文章