帶有fadeToggle（）的元素的時間延遲？

什麼是最好的方式來設置一個元素的時間延遲，它顯示一段時間，但在出現和消失時具有淡入和淡出效果？這可以通過jQuery中的fadeToggle（）函數來完成嗎？帶有fadeToggle（）的元素的時間延遲？

我目前的應用程序的例子：「複製」 http://loremipsum.li

...當你點擊「複製」按鈕將其複製文本複製到剪貼板和祭起標題，但沒有任何轉換效果，這是我想要實現的。

有什麼想法？

來源

2013-04-08 Charles

您可以使用jQuery的delay()：

$(this).fadeToggle().delay(500).fadeToggle()

時間以毫秒爲單位。

delay：http://api.jquery.com/delay/

來源

2013-04-08 19:22:11

這裏亞去。

http://jsfiddle.net/astynax777/wxRRS/

$('#foo').delay(3000).fadeIn('slow').delay(3000).fadeOut('slow');

來源

2013-04-08 19:22:39 Zach

ü也可以嘗試這樣的事情 -

小提琴 - http://jsfiddle.net/swapnesh/wkhPS/

檢查的參數.fadeToggle([duration ] [, easing ] [, complete ])方法http://api.jquery.com/fadeToggle/

<!DOCTYPE html> 
<html> 
<head> 
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"> 
</script> 
<script> 
$(document).ready(function(){ 
    $("button").click(function(){ 
    $(".copy").show().fadeToggle(3000); 
    }); 
}); 
</script> 
</head> 
<body> 

<div class="copy" style="display:none;">copied!!</div> 
<button>Copy</button> 


</body> 
</html>

來源

2013-04-08 19:29:36 swapnesh

帶有fadeToggle（）的元素的時間延遲？

回答

相關問題