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

twitterをJavaScriptで表示する「Juitter」

｜ ｜ ｜ ｜ ｜ ｜ ｜

twitterタイムラインをJavaScriptライブラリのjQueryを使用して表示させます。
via：Juitter

使用方法
Juitterからファイル一式をダウンロードします。
<script type="text/javascript" src="jquery-1.3.2.js"></script>
<script type="text/javascript" src="jquery.juitter.js"></script>
<script type="text/javascript" src="system.js"></script>

また、以下のように検索ボックスを設けてみれば完成です。
<form method="post" id="juitterSearch" action="">
<p>Search Twitter: <input type="text" class="juitterSearch" value="Type a word and press enter" /></p>
</form>
<div id="juitterContainer"></div>

※たまに重いです。

twitterをJavaScriptで表示する「Juitter」サンプル

記事作成：2009年07月23日

前の記事：JavaScript「MooCage」でカウントダウンさせる
次の記事：スライドする画像ギャラリーJavaScript「Sliding Image Gallery jQuery Plug-in」