当前位置:嗨网首页>书籍在线阅读

32-讨论

  
选择背景色: 黄橙 洋红 淡粉 水蓝 草绿 白色 选择字体: 宋体 黑体 微软雅黑 楷体 选择字体大小: 恢复默认

7.7.3 讨论

上述问题通常可以组合 fadeIn()fadeOut() 来解决。但是,如果使用这些方法而不首先使用 stop() ,特效每当光标悬停于按钮之上时都会重复运行。

为了避免这种情况,在下一个动画加入队列之前插入 stop() 命令。这样做的最大好处是能够在中途停止动画,意味着如果元素的不透明度为0.5(在IE中为50),下一个动画的出发点就为0.5。

因为现在在不透明度变动的中途停止动画,所以也就意味着不能正常地使用 fadeIn()fadeOut() 。我们必须明确地指出希望淡出的位置。所以,现在将使用 fadeTo() ,以持续时间和目标不透明度作为参数。

现在,当用户在按钮上来回移动光标时,动画不会重复,而是在流畅的过渡中淡入和淡出。