實現元素的淡入淡出效果

　　jQuery Fading方法

　　透過jQuery，您可以實現元素的淡入淡出效果。

　　jQuery擁有下面四種fade方法：

　　fadeIn()

　　fadeOut()

　　fadeToggle()

　　fadeTo()

　　jQuery fadeIn()方法

　　jQuery fadeIn()用於淡入已隱藏的元素。

　　語法:

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

　　可選的speed引數規定效果的時長。它可以取以下值："slow"、"fast"或毫秒。.

　　可選的callback引數是fading完成後所執行的函式名稱。

　　下面的例子演示了帶有不同引數的fadeIn()方法：

　　例項

　　$("button").click(function(){

　　$("#div1").fadeIn();

　　$("#div2").fadeIn("slow");

　　$("#div3").fadeIn(3000);

　　});

　　；//爬蟲IP獲取；

　　jQuery fadeOut()方法

　　jQuery fadeOut()方法用於淡出可見元素。

　　語法:

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

　　可選的speed引數規定效果的時長。它可以取以下值："slow"、"fast"或毫秒。

　　可選的callback引數是fading完成後所執行的函式名稱。

　　下面的例子演示了帶有不同引數的fadeOut()方法：

　　例項

　　$("button").click(function(){

　　$("#div1").fadeOut();

　　$("#div2").fadeOut("slow");

　　$("#div3").fadeOut(3000);

　　});

　　jQuery fadeToggle()方法

　　jQuery fadeToggle()方法可以在fadeIn()與fadeOut()方法之間進行切換。

　　如果元素已淡出，則fadeToggle()會向元素新增淡入效果。

　　如果元素已淡入，則fadeToggle()會向元素新增淡出效果。

　　語法:

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

　　可選的speed引數規定效果的時長。它可以取以下值："slow"、"fast"或毫秒。

　　可選的callback引數是fading完成後所執行的函式名稱。

　　下面的例子演示了帶有不同引數的fadeToggle()方法：

　　例項

　　$("button").click(function(){

　　$("#div1").fadeToggle();

　　$("#div2").fadeToggle("slow");

　　$("#div3").fadeToggle(3000);

　　});

　　jQuery fadeTo()方法

　　jQuery fadeTo()方法允許漸變為給定的不透明度（值介於0與1之間）。

　　語法:

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

　　必需的speed引數規定效果的時長。它可以取以下值："slow"、"fast"或毫秒。

　　fadeTo()方法中必需的opacity引數將淡入淡出效果設定為給定的不透明度（值介於0與1之間）。

　　可選的callback引數是該函式完成後所執行的函式名稱。

　　下面的例子演示了帶有不同引數的fadeTo()方法：

　　例項

　　$("button").click(function(){

　　$("#div1").fadeTo("slow",0.15);

　　$("#div2").fadeTo("slow",0.4);

　　$("#div3").fadeTo("slow",0.7);

　　});