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>
運行實例 ?

點擊 "運行實例" 按鈕查看在線實例