web实训总结（4.9）

jQuery动画效果

一.jQuery的动画效果（显示和隐藏）

a.隐藏和显示动画效果：

两个方法：hide（）， show()

1. 通过使用hide（）和show（）方法 来实现隐藏和显示动画效果
   $(document).ready(function(){
   $("#button1").click(function(){
   $ ( “p”).hide(500,function(){
   alert(“恭喜隐藏完成”)
   })
   })
   $("#button2").click(function(){
   $( “p”).show(200,function(){
   alert(“恭喜显示成功”)
   })
   })

        实现隐藏与显示合并：    
              $("#button3").click(function(){
            $( "p").toggle(1000,function(){
            $("p").css({color:"yellow"})
            })
          })
        })
   

二. jQuery的动画效果（滑动）

两个方法： #slide ， #panel