skuare.netはJavaScriptライブラリのjQuery,mootools,prototypeのプラグインを中心にWebサイト構築に関する技術を試す個人サイトです
スライドするメニューをJavaScriptで作る「Sliding JavaScript Menu Highlight 1kb」
｜
｜
｜
｜
｜
｜
サイトで重要なメニューをもっと印象的にしてみませんか？
Sliding JavaScript Menu Highlight 1kbを利用すると、わずか1kbでスライドするメニューを作成できます。
使用方法
Sliding JavaScript Menu Highlight 1kbからファイル一式をダウンロードします。
2パターン入っていますが、今回はより印象的な2を紹介します。
<script src="script.js" type="text/javascript"></script>
上記を記述後、bodyに以下のように追記します。
<link href="style2.css" media="screen" rel="stylesheet" type="text/css" />
<body onload="menuSlider.init('メニューのid名','スライドする要素のid名')">
最後にメニューを書き込みます。
<div class="menu">
<ul id="メニューのid名">
<li><a href="#">JavaScript</a></li>
<li value="1"><a href="#">Graphic Design</a></li>
<!-- value="1"がデフォルト位置となります。 -->
<li><a href="#">HTML</a></li>
<li><a href="#">User Interface</a></li>
<li><a href="#">CSS</a></li>
</ul>
<div id="スライドする要素のid名"></div>
</div>
スライドするメニューをJavaScriptで作る「Sliding JavaScript Menu Highlight 1kb」サンプル
記事作成：2009年05月28日
▼スライドするメニューをJavaScriptで作る「Sliding JavaScript Menu Highlight 1kb」へのコメントはtwitterにて受け付けています。
twitterでコメントする
前の記事：ライブラリなしの軽量LightBox風JavaScript「tinybox」
次の記事：フォームのselectをスタイリッシュに彩るJavaScript「jQuery Stylish Select plugin」
