js中stop()的应用

最近有空做了一个页面,鼠标放上去的时候,效果显示,但是,如果老滑来滑去,效果一直显示。

效果如下:

js效果

js效果

代码如下:

$(“.c11 li a”).hover(function(){
$(this).find(“.grayBg”).animate({top: ‘0px’}, “slow”);

},function(){
$(this).find(“.grayBg”).animate({top: ‘317px’}, “normal”);
})

那么,最好这么写:

$(“.c11 li a”).hover(function(){
$(this).find(“.grayBg”).stop().animate({top: ‘0px’}, “slow”);

},function(){
$(this).find(“.grayBg”).stop().animate({top: ‘317px’}, “normal”);
})

这种技术的工作技能真是这样,好久不写,就会生疏了。

Leave a Reply