44-讨论

7.10.3　讨论

jQuery UI特效库还修改了 addClass 、 removeClass 和 toggleClass 的工作方式；特别是，可以将持续时间作为第二个参数，这将用新类的所有属性产生从当前状态到新类的动画过渡。

所以，第一个例子添加 big 类并将动画运行时间设置为2秒。来自big类的所有CSS属性都在 div.box 元素上产生动画效果。因为 toggleClass 方法在jQuery UI中已经作了修改，所以可以在当前状态和原始状态之间切换。

其次，将使用 effect() 方法，该函数是jQuery UI程序库的预设方法。此方法提供了一组显示和隐藏函数。

注意

effect()方法要求传递第二个变量——选项对象；这个对象可以为null或者空对象，但是必须提供它才能传递持续时间参数。

用字符串 explode 作为参数， div.box 将分解为9块并淡出页面，如图7-2所示。

警告

在本书编写期间，有一两种特效在Safari 4上有轻微的副作用。它们在其他所有A级浏览器中都能正常工作，请参阅Yahoo!的概述：http://developer.yahoo.com/yui/articles/gbs/。

可以访问http://jquery-cookbook.com/go/jqueryui-effects并尝试所有交互式演示，了解各种不同的特效。