jQuery动画相关API

1、hover()

这个API接收两个函数，分别对应鼠标移进来和移出去。

<script>
     $('div').hover(function(){
       $(this).css('background','blue')
     },function(){
       $(this).css('background','')
     })
</script>

2、show() 和 hide()

<script>
     $('#div1').hover(function(){
       $('#div2').hide(500)
     },function(){
       $('#div2').show(500)
     })
</script>

需要注意的是，hide()以后不会占位，相应于display:none;这两个API都接收时间参数

3、fadeIn()和fadeOut()和fadeTo()

<script>
     $('#div1').hover(function(){
       $('#div2').fadeOut(1000)
     },function(){
       $('#div2').fadeIn(1000)
     })
</script>

原理和上面的show/hide()差不多，时间默认是400ms。
再就是fadeTo(1000,0.5)，和fadeIn/Out()不同，它可以指定具体的透明度，它接收两个参数，一个是时间，另一个是透明度。

4、slideUp()和slideDown()

$('#div1').hover(function(){
       $('#div2').slideUp(1000)
     },function(){
       $('#div2').slideDown(1000)
     })
]</script>