如何使用jQuery正确淡入淡出?

时间:2011-04-12 13:35:34

标签: javascript jquery

任何人都可以帮我解决这个简单的jQuery问题吗?我正在构建一个具有许多滑动<li>的旋转木马。每个都有一个简短的描述随附,我想在旋转木马滑动时淡出,并在旋转木马停在另一个<li>时淡入。问题是,当快速点击轮播控件时,渐弱需要一段时间才能赶上。此外,当通过轮播进一步点击<li>时,当前的简单淡入/淡出选项效果不佳(来自信息图下方的小灰色光盘)。我已经尝试了一些选择,但我并没有真正去任何地方。

页面位于:http://weaver-wp.weavertest.com/radiation-infographic/

感谢您的帮助:)

大卫

2 个答案:

答案 0 :(得分:1)

诀窍是在开始下一个操作之前停止操作:

http://api.jquery.com/stop/

底线,您在拨打下一个动画之前停止所有以前的动画。这样可以避免构建动画队列。

答案 1 :(得分:0)

在调用fadeIn / fadeOut

之前使用clearQueue