JQuery高级操作详解
===========================================================================
1.动画
三种方式显示和隐藏元素:
-
默认显示和隐藏方式
-
show([speed,[easing],[fn]])
。(显示) -
hide([speed,[easing],[fn]])
。(隐藏) -
toggle([speed,[easing],[fn]])
。(在显示和隐藏之间切换)
三个参数:
1.speed
:动画的速度。三个预定义的值(“slow”,“normal”, “fast”)或表示动画时长的毫秒数值(如:1000)。
2.easing
:用来指定切换效果,默认是"swing",可用参数"linear"。
swing:动画执行时效果是 先慢,中间快,最后又慢。
linear:动画执行时速度是匀速的。
3.fn
:在动画完成时执行的函数,每个元素执行一次。
-
滑动显示和隐藏方式
-
slideDown([speed],[easing],[fn])
-
slideUp([speed,[easing],[fn]])
-
slideToggle([speed],[easing],[fn])
-
淡入淡出显示和隐藏方式
-
fadeIn([speed],[easing],[fn])
-
fadeOut([speed],[easing],[fn])
-
fadeToggle([speed,[easing],[fn]])
案例:建议自己敲一遍,以后用的时候查就行