本人小菜鸟一枚,用jquery写了个简单的下拉菜单,代码如下:
$(document).ready(function(){
$("#navRight .jiantou").hover(function(){
$(this).find(".xiangq").stop().slideDown("slow");
},function(){
$(this).find(".xiangq").stop().slideUp("fast");
});
});
一开始在浏览器可以实现下拉效果,
但如果我鼠标移近移出反复操作几次或者点击别的文字与空白处就会产生
再反复几次最后导致变成1像素
线上网址:www.ainiwan.com
jquery版本:jquery-1.7.2.js
求大神指导
你把 stop() 去了试试,你鼠标移进去后,马上又移出动画还没执行完就stop()了;
slideDown和Up是一个时间的
.stop(true,true)