32-讨论
7.7.3 讨论
上述问题通常可以组合 fadeIn() 和 fadeOut() 来解决。但是,如果使用这些方法而不首先使用 stop() ,特效每当光标悬停于按钮之上时都会重复运行。
为了避免这种情况,在下一个动画加入队列之前插入 stop() 命令。这样做的最大好处是能够在中途停止动画,意味着如果元素的不透明度为0.5(在IE中为50),下一个动画的出发点就为0.5。
因为现在在不透明度变动的中途停止动画,所以也就意味着不能正常地使用 fadeIn() 和 fadeOut() 。我们必须明确地指出希望淡出的位置。所以,现在将使用 fadeTo() ,以持续时间和目标不透明度作为参数。
现在,当用户在按钮上来回移动光标时,动画不会重复,而是在流畅的过渡中淡入和淡出。