Question

jquery stop() 失效,鼠标多次点击之后，动画重复。 请问：怎么不让动画重复执行，我已经试着用stop()了。

function hoverFlotLeft(){ $("#pronav").hover(function(){ //从这里开始。hover的效果 $("#productFloatBtn").removeClass().addClass("productFloatBtnHover"); //鼠标滑入背景改变,removeClass()参数未定义，则删除所有style。 var state = true; //从这里开始循环点击的效果Start。 $(".productFloatBtnHover").click(function(){ if (state) { $("#productFloatBtn").removeClass().addClass("productFloatBtnClicked"); $(".Youkuang").show().animate({width:'350px'},400); $(".productFloatrxbout").css({width:364,right:278}); } else { $("#productFloatBtn").removeClass().addClass("productFloatBtnHover"); $(".Youkuang").hide().animate({width:'0px'}); $(".productFloatrxbout").css('width',14).css('right',279); } state = !state; }); //从这里开始循环点击的效果END。 }, function() { $(".Youkuang").hide().animate({width:'0px'}); $(".productFloatrxbout").css('width',14).css('right',279); $("#productFloatBtn").removeClass().addClass("productFloatBtn"); });}
参考图片为腾讯首页截取的图片。

Answer 1

改成$(this).stop().animate({width:"50px"},1000); $(this).stop().animate({width:"80px"},1000);