最近有空做了一个页面,鼠标放上去的时候,效果显示,但是,如果老滑来滑去,效果一直显示。
效果如下:
[caption id="attachment_57" align="aligncenter" width="592"]
js效果[/caption]
代码如下:
$(".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");
})
这种技术的工作技能真是这样,好久不写,就会生疏了。