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>