Jquery导航栏动画-防BUG漏动
实现功能:
专注于为中小企业提供做网站、网站制作服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业红塔免费做网站提供优质的服务。我们立足成都,凝聚了一批互联网行业人才,有力地推动了成百上千企业的稳健成长,帮助中小企业通过网站建设实现规模扩充和转变。
1、简单的Jquery二级导航栏,+上时间函数控制,能够防乱滑动的BUG漏动!
Jquery代码:
jQuery(document).ready(function($) {
var delayTime = [];
jQuery('#menu li').each(function(index) {
$(this).hover(function() {
var _self = this;
delayTime[index] = setTimeout(function() {
$(_self).find('.main').slideDown(200)
},
400)
},
function() {
clearTimeout(delayTime[index]);
$(".main").slideUp(200)
})
});
});
HTML代码:
内容1
内容2
内容3
内容4
CSS代码:
-----上传了源文件,有需要的自己下载下来看看吧!
附件:http://down.51cto.com/data/2362190
标题名称:Jquery导航栏动画-防BUG漏动
标题网址:http://scyanting.com/article/jisiej.html