JQuery动画1、JQuery动画2

JQuery动画1

动画
　1.三种方式显示和隐藏元素
　　　　默认显示和隐藏方式
　　　　　　1. show([speed , [ easing],[fn]])

　　　　　　　　参数：

　　　　　　　　　　speed：动画的速度，三个预定义的值（“slow”，“normal”，“fast”）

　　　　　　2.easing：用来指定切换效果，默认是“swing”，可用参数“liner”

　　　　　　　　　　swing：动画执行的效果，先忙，中间快，最后在慢

　　　　　　　　　　linear :动迪执行时速蔓是匀速的
　　　　　　3. fn正在动画完成时执行的函数，每个元素执行一次。

　　　　　　2. hide([speed, [ easing],[fn]])
　　　　　　3. toggle([speed], [ easing], [fn])

 

 

JQuery动画2

   2。滑动显示和隐藏方式
　　　　　　1. slideDown([speed],[ easing], [fn])
　　　　　　2. slideup([speed, [ easing],[fn]])
　　　　　　3. slideToggle([speed], [ easing], [fn])

   3，淡入淡出显示和隐藏方式
　　　　　　1. fadeIn([speed], [ easing], [fn])
　　　　　　2. fadeout([speed], [easing],[fn])
　　　　　　3. fadeToggle(ispeed , [easing7, [fn77)

 

案例：

　　

*/
function hideFn(){
    $("#showDiv").slideUp("slow");
}

//淡入淡出方式
$("#showDiv").fadeOut("slow");