Home » jQuery 外掛

[jQ]ghostType 1.2

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



ghostType 的作者用了很簡單的方式來做出類似打字機打字的效果,雖然這外掛套件沒有寫的很...友善,但只要看一下原始碼就知道能自訂那些囉。

套件名稱:ghostType
套件版本:1.2
作者網站:http://ghosttype.com
套件網址:N/A
發佈日期:2011-03-19
檔案大小:1.57 KB
檔案下載:jquery.ghosttype-1.2.js

參數選項說明:

檢視原始碼 JavaScript
1

方法說明:

檢視原始碼 JavaScript
1
2
// 把指定的元素的內容一個字一個字的打出來
$(selector).ghostType();

使用範例:

檢視原始碼 JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.ghosttype-1.2.js"></script>
<script type="text/javascript">
	$(function(){
		// 把 #mydiv 中的內容一個字一個字的打出來
		$('#mydiv').ghostType();
	});
</script>
 
<body>
	<div id="mydiv">男丁格爾's 脫殼玩.^^^^^^^^^^ http://abgne.tw</div>
</body>

範例 1

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

備註:
^ 字串會被忽略掉,可以用來當做停頓延遲使用;若是想改變每一個字出現的速度的話,可以修改原始碼中的第 37 行,修改 delay 的時間即可(1000毫秒 = 1秒)。

發表迴響