平常在浏览网页时,我们经常可以看到各种炫丽的动画效果,例如下拉菜单、图片轮播、浮动广告等。使用动画效果可以让页面更加酷炫,也可以优化页面的用户体验。拿我们的绿叶学习网(www.lvyestudy.com)来说,首页的图片轮播每隔5秒就“爆炸”一次,十分酷炫,大家可以去感受一下。

现在HTML5和CSS3发展比较快,不少小伙伴可能都接触过CSS3动画。实际上,使用CSS3实现动画相对使用jQuery实现动画更加简单。在实际开发中,如果想要一个动画效果,建议大家优先考虑CSS3来实现。如果实现不了,再去考虑使用jQuery。

我们可能就会问了:“既然都说使用CSS3来实现动画更加简单方便,为什么还要学习jQuery动画呢?”实际上,CSS3来实现动画有一定的局限,有些地方必须使用jQuery才能实现,例如:

  • (1)控制动画的执行
  • (2)结合DOM操作
  • (3)动画执行后返回一个函数

当然,只有我们把这一章学完才会对jQuery动画有更深的认识。