jquery学习笔记（四）

1、淡入淡出效果

（1）fadeIn()方法，淡入已隐藏的元素

语法：

$(selector).fadeIn(speed,callback);

参数与前一篇的hide()、show()相同。

（2）fadeOut()方法，淡出可见的元素

语法：

$(selector).fadeOut(speed,callback);

参数与前一篇的hide()、show()相同。

如：

$("button").click(function(){
    $("#div1").fadeIn();
    $("#div2").fadeOut();
});

（3）fadeToggle()方法，可以在fadeIn()和fadeOut()方法之间进行切换

语法：

$(selector).fadeToggle(speed,callback);

参数与前一篇的hide()、show()相同。

（4）fadeTo()方法，允许渐变为给定的不透明度（值介于0与1之间）

语法：

$(selector).fadeTo(speed,opacity,callback);

speed和callback与前一篇的hide()、show()相同，opacity设置为给定的不透明度。

如：

$("button").click(function(){
    $("#div1").fadeToggle();
    $("#div2").fadeTo("slow",0.15);
});

2、滑动效果

（1）slideDown()，用于向下滑动元素

【与fadeOut()用法相似，在此略】

（2）slideUp()，用于向上滑动元素

【与fadeUp()用法相似，在此略】

（3）slideToggle()，用于向下滑动元素

【与fadeToggle()用法相似，在此略】

$("button").click(function(){
     $("#panel1").slideDown();
     $("#panel2").slideUp();
     $("#panel3").slideToggle();
});