fade方法
有四個方法
fadeIn()
fadeOut()
fadeToggle()
fadeTo()

fadeIn()

淡入已隱藏的元素

$("button").click(function(){$("#div1").fadeIn();$("#div2").fadeIn("slow");$("#div3").fadeIn(3000); });

語法格式

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

speed
可選參數，規定隱藏/顯示的速度
可以取以下值：”slow”、”fast”或毫秒

callback
可選參數，隱藏或顯示完成后所執行的函數名稱
類似于回調函數

fadeOut()

淡出可見元素

$("button").click(function(){$("#div1").fadeOut();$("#div2").fadeOut("slow");$("#div3").fadeOut(3000); });

語法格式

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

同上

fadeToggle()

在fadeIn()與fadeOut()方法之間進行切換
如果元素已淡出，則fadeToggle()會向元素添加淡入效果
如果元素已淡入，則fadeToggle()會向元素添加淡出效果

$("button").click(function(){$("#div1").fadeToggle();$("#div2").fadeToggle("slow");$("#div3").fadeToggle(3000); });

語法格式

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

同上

fadeTo()

漸變為給定的不透明度，值介于0與1之間

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

語法格式

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

Speed、callback同上
Opacity
必選參數，將淡入淡出效果設置為，給定的不透明度，值介于0與1之間

總結

以上是生活随笔為你收集整理的jQuery的淡入淡出的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。