Home » jQuery 外掛

[jQ]jQuery Delay 1.0

範例 1
沒錯!只要 300 元就能獲得我們團隊完整的協助,讓效果能迅速的整合到您的網站,並保證瀏覽器的相容性。
立刻申請!

jquery_delay_1_0

原本我們要做延遲的效果可能會用到 setTimeiut() 或是 setInterval() 來達到想要的效果。而 jQuery Delay 套件則利用 setTimeiut()jQuery 中的 queue 來做到延遲且保持 chain 的關係,讓設計者能更直覺的方式來做延遲的效果。

套件名稱:jQuery Delay
套件版本:1.0
作者網站:http://blindsignals.com/index.php/2009/07/jquery-delay/
套件網址:http://plugins.jquery.com/project/delay
發佈日期:2009-07-02
檔案大小:1 KB
檔案下載:jquery.delay.js

參數說明:

檢視原始碼 JavaScript
1
2
3
4
5
6
7
time(必填)
描述: 要延遲的毫秒數
預設值: 無
 
name(選填)
描述: 要延遲的序列名稱
預設值: 'fx'

方法說明:

檢視原始碼 JavaScript
1
2
// 讓指定的元素產生延遲的效果
$(selector).delay(time, name);

使用範例:

檢視原始碼 JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.delay.js"></script>
<style type="text/css">
	#msg {
		width: 200px;
		padding: 10px;
		border: 5px solid #ff6;
		background: #09f
	}
</style>
<script type="text/javascript">
	$(function(){
		// 讓 #msg 在3秒後進行淡出淡入的動作
		// 接著在3秒後做滑出滑入的動作
		$("#msg").delay(3000).fadeOut().fadeIn().delay(3000).slideUp().slideDown();
	});
</script>
 
<body>
	<div id="msg">歡迎來到男丁格爾's 脫殼玩</div>
</body>
範例 1

檔案描述
基本的範例檔案(免空) 開始下載
基本的範例檔案 會員限定

4 筆針對 [jQ]jQuery Delay 1.0 的迴響

  1. 你好,很喜歡你的站,使我學習到了很多前端開發的小技巧,我提個建議,你能否幫你的范例跟在瀏覽后面那,提供一個打包下載呢,呵呵;

    • 很高興這些資料能對各位有幫助。
      關於範例下載的部份,未來是會使用某些方式來提供下載的。

  2. 感謝你無私的分享讓JQuery和ExtJS更加的美好~~
    二個都很好用不過我個人比較喜歡ExtJS可是目前的資料很少都要到國外找><
    二個東西一起學真是有點混亂呵呵~
    WordPress用不太習慣~_~ 感覺有點給他小亂...
    站長大大有想要成立讀書會之類的東西嗎呵呵...有什麼構想的話可以email給我...

    • ExtJS 有一本比較進階的繁體書籍(雖然也是簡體轉過來的)..
      建議可以參閱看看啦..!!

      至於讀書會可能不會有這種出現吧..
      當然有任何問題或是想法都很歡迎提出來一起討論研究..
      畢竟我也是邊做邊學!!

發表迴響