常见的动画有以下这些
/*
基本
show([speed,[easing],[fn]])
hide([speed,[easing],[fn]])
toggle([speed],[easing],[fn])
滑动
slideDown([spe],[eas],[fn])
slideUp([speed,[easing],[fn]])
slideToggle([speed],[easing],[fn])
淡入淡出
fadeIn([speed],[eas],[fn])
fadeOut([speed],[eas],[fn])
fadeTo([[spe],opa,[eas],[fn]])
fadeToggle([speed,[eas],[fn]])
*/
这里我们值得关注的是,jQuery的一个特点是,在使用一些方法时,我们通常都是
- 没有给方法传参时,是调用该方法
- 给方法传参时,可以设置该方法,就像上面代码动画方法中的第一个参数通常是动画执行时间(以毫秒为单位),而第二个参数可以是一个函数用在方法执行完毕后自动调用
这里动画效果就没有演示了,小伙伴可以自行敲一遍感受一下