Home » jQuery 外掛

[jQ]jQuery.appear 1.1.1

[ 日期： | 瀏覽：7,851 | 迴響：搶沙發 ]
範例 1
請協助我把這個效果加到我的網站 (只要 1,200 元)
沒錯!只要 1,200 元就能獲得我們團隊完整的協助，讓效果能迅速的整合到您的網站，並保證瀏覽器的相容性。
立刻申請!

jquery_appear_1_1_1

jQuery.appear 套件模擬了 appear 事件，當指定元素出現在可視區域時就能觸發事件。

套件名稱：jQuery.appear
套件版本：1.1.1
作者網站：http://code.google.com/p/jquery-appear/
套件網址：http://plugins.jquery.com/project/appear
發佈日期：2009-06-12
檔案大小：3.41 KB
檔案下載：jquery.appear-1.1.1.js

參數說明：

檢視原始碼 JavaScript
1
2
3
4
5
6
7
8
9
10
11

fn(選填)
描述： 當 appear 時所要執行的動作
預設值： 無
 
data(選填)
描述： 要傳給 fn 的參數
預設值： undefined
 
one(選填)
描述： 是否只在第一次觸發 apear 時才執行 fn
預設值： true

方法說明：

檢視原始碼 JavaScript
1
2

// 設定指定元素的 appear 效果
$(selector).appear(fn, options);

使用範例：

檢視原始碼 JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.appear-1.1.1.js"></script>
<script type="text/javascript">
	$(function(){
		$('div:eq(1)').appear(function() {
		  $('div:eq(0)').html('我等你好久了..你終於回來啦!!').css({
			border: '1px dotted red',
			width: '220px',
			height: '50px',
			lineHeight: '50px'
		  });
		});
	});
</script>
 
<body>
	<div>把滑鼠滾到最下面後再回來看看我</div>
	< pre>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
	< /pre>
	<div>你已經在網頁最下方了，請在回去上面吧</div>
</body>
範例 1

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

發表迴響