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

twitterタイムラインをJavaScriptで表示「jQuery jqtwitter」

｜ ｜ ｜ ｜ ｜ ｜ ｜

話題なのか話題じゃないのか微妙なtwitterのタイムラインをJavaScriptで表示してみます。
via：jQuery jqtwitter

使用方法
jQuery jqtwitterからファイル一式をダウンロードします。
<script type="text/javascript" src="jquery-1.3.2.js"></script>
<script type="text/javascript" src="jquery.jqtwitter.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#tweets').jqtwitter("twitterユーザーID");
});
</script>

上記のように記述したら以下を書きます。
<div id="uname"></div>
<img id="profile" />
<div id="tweets"></div>
<div id="ulink"></div>

これで対応したものが表示されますので、あとはCSSなどで調整してください。
twitterタイムラインをJavaScriptで表示「jQuery jqtwitter」サンプル

記事作成：2009年06月19日

前の記事：JavaScriptで独自マウスジェスチャーを作れる「jQuery Fancy Gestures」
次の記事：iPhoneライクにスクロールさせるJavaScript「OverScroll」