jquery fadeTo() 方法
翻譯結果:
fade
英[feɪd] 美[fed]
vi.褪去,失去光澤;逐漸消逝;凋謝,老化
vt .使褪色
adj.無聊的,平淡的
to
#英[tə] 美[tu,tə]
prep.到;向,朝著;關於;屬於
adv.朝一個方向的;到某種狀態;關閉
jquery fadeTo() 方法語法
作用:fadeTo() 方法將被選元素的不透明度逐漸改變為指定的值。
語法:$(selector).fadeTo(speed,opacity,callback)
參數:
#參數 | 說明 |
speed | 可選。規定元素從目前透明度到指定透明度的速度。可能的值:毫秒 (例如 1500)"slow""normal""fast" |
opacity | #必需。規定要淡入或淡出的透明度。必須是介於 0.00 與 1.00 之間的數字。 |
callback | 可選。 fadeTo 函數執行完之後,要執行的函數。如需學習更多有關 callback 的內容,請造訪我們的 jQuery Callback 這一章。除非設定了 speed 參數,否則不能設定該參數。 |
jquery fadeTo() 方法範例
<html> <head> <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $(".btn1").click(function(){ $("p").fadeTo(1000,0.4); }); }); </script> </head> <body> <p>This is a paragraph.</p> <button class="btn1">FadeTo</button> </body> </html>
#點擊 "執行實例" 按鈕查看線上實例