如果你不想使用 Twitter 官方提供的 Widget 工具的話,那就可以來試試 Twit,它可以很簡單的把指定的使用者的 Twitter 訊息內容載入到網頁中,接下來要怎樣裝飾就看你的功力囉!
套件名稱:Twit
套件版本:0.2.0
作者網站:http://www.mudaimemo.com/p/twit/
套件網址:http://plugins.jquery.com/project/twit
發佈日期:2010-02-17
檔案大小:4.12 KB
檔案下載:jquery.twit.0.2.0.js jquery.twit.0.2.0.css
參數說明:
檢視原始碼 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 | count(選填) 描述: 限制最多取得的筆數;不得大於 200 預設值: 200 callback(選填) 描述: 如果有指定的話,當載入完後會透用 JSONP 的方式來執行 預設值: null icon(選填) 描述: 是否顯示頭像照片 預設值: true label(選填) 描述: 標籤名稱 預設值: 'Twitter' limit(選填) 描述: 每次載入的筆數 預設值: 7 title(選填) 描述: 顯示在 label 後面的標題名稱 預設值: '' text(選填) 描述: 是否顯示訊息內容 預設值: true username(選填) 描述: 是否使用者名稱 預設值: true |
方法說明:
檢視原始碼 JavaScript
1 2 | // 在指定區塊中載入 Twitter 訊息內容 $(selector).twit(user, options); |
使用範例:
檢視原始碼 JavaScript
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | <script type="text/javascript" src="jquery.js"></script> <link type="text/css" rel="stylesheet" href="jquery.twit.0.2.0.css"> <script type="text/javascript" src="jquery.twit.0.2.0.js"></script> <script type="text/javascript"> $(function(){ // 載 #id_of_container 中載入 Twitter 訊息資料 // 限制每次載入 5 筆 $('#id_of_container').twit('abgne_tw', { limit: 5, title: '男丁格爾\'s 脫殼玩' }); }); </script> <body> <div id="id_of_container">Twitter 資料載入中...</div> </body> |
搶沙發= =
歡迎到地下三樓領獎品...= =
男兄。。不行的??一直在载人中。。。。。。。。
直接試我的範例也是卡在載入中嗎..@@?