$(function(){
$(".nav li").mouseover(function(){
//alert();
$(".subNav").slideDown(200);
});
})
$(function(){
$(".nav li").mouseout(function(){
//alert();
$(".subNav").slideUp(200);
});
})
</script>
用jquery写的 可是当鼠标滑过是两个子菜单都会下拉 求大神帮改进
$(".nav li").mouseover(function(){
//alert();
$(".subNav").slideDown(200);
});
})
$(function(){
$(".nav li").mouseout(function(){
//alert();
$(".subNav").slideUp(200);
});
})
</script>
用jquery写的 可是当鼠标滑过是两个子菜单都会下拉 求大神帮改进
简单来说就是使用setInterval()函数来调整ul元素的高度
setInterval(function(){
This.style.height=This.offsetHeight+16+"px"; //offsetHeight 元素高度 即展开:ul元素高度每30毫秒+16px,伸缩:ul元素高度每30毫秒-16px
if(This.offsetHeight>=120)
clearInterval(This.time);
},30)
setInterval(function(){
This.style.height=This.offsetHeight+16+"px"; //offsetHeight 元素高度 即展开:ul元素高度每30毫秒+16px,伸缩:ul元素高度每30毫秒-16px
if(This.offsetHeight>=120)
clearInterval(This.time);
},30)