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> |
備註：
^ 字串會被忽略掉，可以用來當做停頓延遲使用；若是想改變每一個字出現的速度的話，可以修改原始碼中的第 37 行，修改 delay 的時間即可(1000毫秒 = 1秒)。