skuare.netはJavaScriptライブラリのjQuery,mootools,prototypeのプラグインを中心にWebサイト構築に関する技術を試す個人サイトです

さくっとtwitterのタイムラインを表示するJavaScript「jQuery plugin for Twitter」

｜ ｜ ｜ ｜ ｜ ｜ ｜

twitterのタイムラインをブログに載せたい時、jQuery plugin for Twitterならさくっと導入できます。

使用方法
jQuery plugin for Twitterからファイルをダウンロード。
<script type="text/javascript" src="jquery-1.3.2.js"></script>
<script type="text/javascript" src="jquery.twitter.js"></script>
<script type="text/javascript">
$(function(){
$("#id名").getTwitter({
userName: "skuare", //twitter id
numTweets: 10, //tweets数
loaderText: "ちょっと待って・・・", //ローディング
slideIn: true, //スライドさせるか
slideDuration: 750,
showHeading: false, //見出しをつけるか
headingText: "見出し", //つけるなら何にするか
showProfileLink: true, //プロフィールにりんくする？
showTimestamp: true //時間出す？
});
});
</script>

上記を記述したらあとは表示させたい場所にid書いて終わりです。
<div id="id名"></div>

さくっとtwitterのタイムラインを表示するJavaScript「jQuery plugin for Twitter」サンプル

記事作成：2009年11月28日

前の記事：Safariぽいスライダーを作るJavaScript「jQuery Slider plugin」
次の記事：twitterタイムラインから指定のキーワードのみを抽出するJavaScript「Realtime Twitter Reactions using JQuery」