Java基础之《Ajax+JQuery(JavaEE开发进阶Ⅱ)》—JQuery事件与动画(2)
jQuery实现动画与特效
一、动画效果
1、jQuery库提供了丰富的动画效果,通过使用可以给网页添加非常精彩的视觉效果,给用户一种全新的体验。
2、show()方法、hide()方法
show([speed],[easing],[fn])
hide([speed],[easing],[fn])
元素的显示和隐藏,同时修改多个样式属性,即高度、宽度和不透明度
3、toggle()方法
toggle([speed],[easing],[fn])
用来替代show()和hide()方法
4、slideDown()方法、slideUp()方法
slideDown([speed],[easing],[fn])
slideUp([speed],[easing],[fn])
元素从上至下和从下至上显示。只改变高度
5、slideToggle()方法
slideToggle([speed],[easing],[fn])
用来替代slideDown()和slideUp()
6、fadeIn()方法、fadeOut()方法
fadeIn([speed],[easing],[fn])
fadeOut([speed],[easing],[fn])
元素淡入和淡出显示,只改变不透明度
7、fadeTo()方法
fadeTo([speed],opacity,[easing],[fn])
元素淡入指定不透明的效果,只改变不透明度
8、fadeToggle()方法
fadeToggle([speed],[easing],[fn])
用来代替fadeIn()和fadeOut()