JQUERY fadeTo的渐显效果，鼠标多次移动会出现多次渐显

Question

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
$(".Pimg").bind({
<script>
$(function() {
    mouseover:function(){
      $(this).fadeTo("normal",0.35,"linear");
     },  
    mouseout:function(){ 
      $(this).fadeTo("normal",1,"swing");
    }  
 });});
</script>
<img class="Pimg" SRC="http://images.csdn.net/20130328/QQ%E6%88%AA%E5%9B%BE2013032819520401.jpg" width="200" height="200"  BORDER="0" ALT="1"/>
<img class="Pimg" SRC="http://images.csdn.net/20130328/QQ%E6%88%AA%E5%9B%BE2013032819520401.jpg" width="200" height="200"  BORDER="0" ALT="2"/>
<img class="Pimg" SRC="http://images.csdn.net/20130328/QQ%E6%88%AA%E5%9B%BE2013032819520401.jpg" width="200" height="200"  BORDER="0" ALT="3"/>
鼠标如果在这几幅图片上不停移动N次，停下来后图片渐显N次。。，经过N次后才正常
，本人新手上路JQUERY，只会了1/5
请问高手们这个问题如何解决呢

Answer 1

JQuery有个 clearQueue() 方法便是专门解决你这种问题的。在执行新动画前先清空遗留的未来得及执行的动画。$(".Pimg").bind(
{
    mouseover:function(){
$(this).clearQueue();
$(this).fadeTo("normal",0.35,"linear");
     },
    mouseout:function(){ 
$(this).clearQueue();
$(this).fadeTo("normal",1,"swing");
    }  
});

Answer 2

谢谢你的回复和帮助，加了clearQueue() 了，太感谢你聊clearQueue()
清空对象上尚未执行的所有队列如果不带参数，则默认清空的是动画队列。这跟stop(true)类似，但stop()只能清空动画队列，而这个可以清空所有通过 .queue() 创建的队列。