在JavaScript中动画也是比较突出的一部分,jQuery的代码简化同样也有动画的一部分。
jQuery动画主要分为四部分:
一、 基本效果
动画的最基本效果就是能显示,能隐藏。在jQuery中能够实现显示隐藏的方法有三种:
- show()
该方法能将隐藏的元素显示出来。
语法:$(ele).show([speed],[easing],fn);
speed代表显示出来的速度,默认值为0;easing代表显示的效果,默认效果为swing;fn代表在动画完成时执行的函数,每个元素执行一次。
该例子是通过点击一个按钮执行点击事件将选择的元素慢慢的显示出来。 - hide()
该方法能将显示的元素隐藏起来。
语法:$(ele).hide([speed],[easing],fn);
该例子是通过一个点击事件将选择的元素用一秒钟时间匀速地隐藏起来。 - toggle()
该方法就是结合了上面两个方法为一体,调用该方法时如果元素是隐藏状态则显示,如果元素是显示状态则隐藏。
语法:$(ele).toggle([speed],[easing],fn);