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

28-讨论

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

7.6.3 讨论

在这个有意编造的例子中,多次调用 animate 方法使方框来回晃动(但是如果在实际中需要这个效果,使用跳跃效果的缓动函数更好!)。

这个动画在用户单击动画按钮时触发。

我已经包含了两个回调函数以显示动画何时开始和结束。注意,即使有多行代码,因为方法链的工作方式,实际上它就是从“ $('.box') ”开始到“ });//长方法链结束 ”为止的一行JavaScript代码。

下面的jQuery代码行从集合中过滤当前正在动画中的任何 div.box 元素,只在剩下的元素上运行后续的动画:

.filter(':not(:animated)')

因为在例子中有一个 div.box 元素,所以动画只在该元素还没有显示动画的时候才能运行。