マウスオーバーでスライドするJavaScriptメニュー

user-pic
0

JavaScriptライブラリ

マウスオーバーでスライドする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>


実装サイトはコチラ

トラックバック(0)

トラックバックURL: http://mountainbook.net/mt-tb.cgi/769

コメントする

月別アーカイブ

このブログ記事について

このページは、が2007年10月23日 08:45に書いたブログ記事です。

ひとつ前のブログ記事は「Gmail FireFox拡張機能を使って署名を追加する Greasemonkey」です。

次のブログ記事は「MT4 画像(ファイル)をアップロードするディレクトリを指定する」です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。