Image Menu

クールにスライドするメニューを作成するJavaScriptライブラリ「Image Menu」。
メニューにカーソルを合わせると、カーソル部分がアニメーションしながら開くメニューを実装できます。。



画像を変えれば、よりクールなメニューを作れそうですね。

必要なJSライブラリ,CSSをインクルードした後、次のようなコードで簡単に初期化できる模様。

<h2>Example:</h2>
    <div id="kwick">
        <ul class="kwicks">
            <li class="kwick opt1"><span>Lanscapes</span></li> 
            <li class="kwick opt2"><span>People</span></li> 
            <li class="kwick opt3"><span>Nature</span></li> 
            <li class="kwick opt4"><span>Urban</span></li> 
            <li class="kwick opt5"><span>Abstract</span></li> 
        </ul> 
    </div>
<script type="text/javascript">
    var myMenu = new ImageMenu($$('#kwick .kwick'),{openWidth:200});
</script>

メニュー部分はCSSでデザインできて、HTMLもクリーン。
これはなかなか使えそう。