复习JQ (5)

动画方法

hover()

show()  hide()

fadeIn()  fadeOut()

slideDown()  slideUp()

fadeTo()

一、hover

接受两个函数 第一个是鼠标移入 第二个是鼠标移出

$("div").hover(function(){

    $(this).css("background","red");

},function(){

    $(this).css("background","blue");

})

二、show()  hide()

显示和隐藏(通过改变宽高)  可接受参数(毫秒)  让隐藏和显示带有动画效果

$("div").show(1000); //逐渐出现

$("div").hide(1000); // 逐渐消失

三、fadeIn()  fadeOut()

显示和隐藏（通过改变透明度） 可接受参数（毫秒）让隐藏和显示带有动画效果

$("div").fadeIn(1000); //逐渐出现

$("div").fadeOut(1000); // 逐渐消失

四、slideDown()  slideUp()

显示和隐藏（通过改变高度） 可接受参数（毫秒）让隐藏和显示带有动画效果

$("div").slideUp(1000); //逐渐出现

$("div").slideDown(1000); // 逐渐消失

五、fadeTo()

指定透明度 接受两个参数 第一个是时间，第二个是指定的透明度

$("div").fadeTo(1000，0.15);