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>
執行實例 »

#點擊 "執行實例" 按鈕查看線上實例

#

首頁

影片

問答