Horizontal JavaScript Accordion 1kb - Web Development Blog

滑らかにアニメーション動作してナビゲーションにも使えそうな1KBのアコーディオンＵＩ
次のように、マウスをあわせると、ホバーした部分がビヨーンとアニメーションしながら伸びるＵＩ実装用のサンプルが公開されています。



設置手順がすごくシンプルです

(1) HTMLを定義します

<ul id="sm" class="sm">
<li><img src="images/1.gif" alt="" /></li>
<li><img src="images/2.gif" alt="" /></li>
<li><img src="images/3.gif" alt="" /></li>
<li><img src="images/4.gif" alt="" /></li>
</ul>

(2) Javascriptで初期化

slideMenu.build('sm',200,10,10,1)

プラグイン不要で1KB以下。
知っておけばどこかで使えそうですね。

関連エントリ

• JavaScriptでHTMLフォームの劇的ビフォアアフター「Jqtransform」
• Twitterのメッセージをページに載せられるJavaScript「Twitter.js」
• 利用者に対し非常に分かりやすい通知を行うためのJavaScriptライブラリ「Notimoo」
• これは必見！JavaScriptの文字列を複数行で定義する方法