fade
英 [fe?d]? ?美 [fed]??
vi.褪去,失去光澤;逐漸消逝;凋謝,衰老
vt.使褪色
adj.乏味的,平淡的
to
英 [t?]? ?美 [tu,t?]??
prep.到;向,朝著;關(guān)于;屬于
adv.朝一個方向的;到某種狀態(tài);關(guān)閉
jquery fadeTo() 方法 語法
作用:fadeTo() 方法將被選元素的不透明度逐漸地改變?yōu)橹付ǖ闹怠?/p>
語法:$(selector).fadeTo(speed,opacity,callback)
參數(shù):
參數(shù) | 描述 |
speed? ?? | 可選。規(guī)定元素從當前透明度到指定透明度的速度??赡艿闹担汉撩?(比如 1500)"slow""normal""fast"? |
opacity? ?? | 必需。規(guī)定要淡入或淡出的透明度。必須是介于 0.00 與 1.00 之間的數(shù)字。 |
callback? ?? | 可選。fadeTo 函數(shù)執(zhí)行完之后,要執(zhí)行的函數(shù)。如需學習更多有關(guān) callback 的內(nèi)容,請訪問我們的 jQuery Callback 這一章。除非設(shè)置了 speed 參數(shù),否則不能設(shè)置該參數(shù)。 |
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>
點擊 "運行實例" 按鈕查看在線實例