jQuery动画效果教程

jQuery 的动画效果,还是挺适合初学者练手的。基本动画函数滑动动画淡入淡出这几个你肯定都用过,关键是容易上手。嗯,要是你想搞点的,可以试试自定义动画,灵活性蛮高的,场景控制也方便。

jQuery 动画函数的优势就在于简单直接。比如你想让一个弹窗淡入淡出,fadeIn()fadeOut()一套下来就搞定了。响应也快,兼容性也不错,老项目里用得挺多。

要是做交互动效,滑动类函数slideUp()slideDown()也挺常见的。适合菜单栏、手风琴这些场景。你可以配合 CSS 一起用,视觉效果会更顺。

自定义动画那块稍微复杂点,用animate()函数。不过一旦习惯了,想实现什么奇怪的动效都不难。比如控制宽高、颜色、透明度,一行代码全安排上。

还有个建议,动画虽然好看,但别滥用。影响性能不说,用户还容易迷路。合理用,才能提体验。

想了解更多,你可以看看jQuery 淡入淡出效果详解,还蛮详细的。如果你在搞移动端或多平台动画,也可以参考这些:VB 窗体动画Unity 动画演示iOS UIView 动画

如果你刚好在维护一个老项目,或者需要快速实现一些页面动效,jQuery 动画确实是个还不错的选择。

ppt 文件大小:1.59MB