マウスオーバーでスライドするJavaScriptメニュー
メニューにカーソルを合わせると、カーソル部分がアニメーションしながら開くメニューを実装できます。
画像を変えれば、よりクールなメニューを作れそうですね。
必要な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>
