Home » jQuery 外掛

[jQ]jQuery Delay 1.0

[ 日期： | 瀏覽：13,846 | 迴響：4 ]
範例 1
請協助我把這個效果加到我的網站 (只要 300 元)
沒錯!只要 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 有一本比較進階的繁體書籍(雖然也是簡體轉過來的)..
      建議可以參閱看看啦..!!

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

發表迴響