前の記事 ≪:iPhone向けWebアプリを作ろう
次の記事 ≫:デザイナーに便利なFirefox拡張いろいろ

JavaScriptによる水平アコーディオンUI「Horizontal JavaScript Accordion」

2008年06月02日-はてなブックマーク

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法
Horizontal JavaScript Accordion 1kb - Web Development Blog
This versatile 1kb horizontal accordion script can be used for menus, images, presentation content and more.

JavaScriptによる水平アコーディオンUI「Horizontal JavaScript Accordion」
次のようなアコーディオンUIがアニメーションしながら伸縮します。



マークアップはulでシンプル

<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>

初期化も slideMenu.build('sm',200,10,10,1) でいいみたい。

関連エントリ

関連の記事検索:アコーディオン, メニュー, accordion
スポンサード リンク

By.KJ : 2008年06月02日 07:08 livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)