11.8 练习

要完成以下练习,读者需要本章的index.html文件,以及complete.js中包含的已经完成的JavaScript代码。可以从Packt Publishing网站http://www.packtpub.com/support下载这些文件。

“挑战”练习有一些难度,完成这些练习的过程中可能需要参考 jQuery 官方文档: http://api.jquery.com/

  • 定义一个新的动画速度常量zippy,并将它应用到简历的显示效果中。

  • 修改成员信息水平移动的动画效果,让相关对象“弹跳”着出来。

  • 再给承诺(promise)对象添加一个延迟回调函数,为当前成员的位置<div>添加一个highlight类。

  • 挑战:在简介动画运行前添加两秒钟的时间延迟。使用jQuery的.delay()方法。

  • 挑战:在单击当前活动照片时,折叠个人信息。在此之前,先停止正在运行的所有动画。