jquery slideup slidedown问题

显示全部楼层 · 2011-1-7 17:24:44

看了 jquery 视频教程关于mouseover mouseout事件触发 slideup slidedown 做了一个简单的例子。
教程上遗留了一个问题。当鼠标快速滑过多次。停止滑动的时候。div仍然在那么不停的显示隐藏。
我在好的网站上，看到他们的设计很好，无论你滑动多快，当你停止滑动的时候，事件也跟着停止，这个怎么做的呢?
用timeout（,1000）这样做延迟处理，客户体验很不好，而且仍然不能解决问题。
总结一句话：鼠标滑过，反应快，鼠标停止事件也应该紧接着停止。怎么做。
$(function(){
$("#t").mouseover(function(){

$("#top").slideToggle();

});
})
ttttt

千问 · 2011-1-7 17:24:44

兄弟，下次执行前先加stop结束动画可以解决，如下：-----------------------------------------------$("#t").mouseover(function(){
$("#top").stop(true,true).slideToggle();
});

千问 · 2011-1-7 17:24:44

$("#top").hide() ;
$("#t").hover(function(){
$("#top").slideToggle("slow");
},function(){
$("#top").slideToggle("slow");
});鼠标停靠在tttt上下