ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScript CSS メニュー関数 code_navigation メニュー

JavaScript CSS メニュー関数 code_navigation メニュー

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBオリジナル: 2016-05-16 18:57:201111ブラウズ

<div>
<ul id="menubar">
<li onmouseover="displaySubMenu(this)" onmouseout="hideSubMenu(this)">
<a href="#" class="menuMain">
</a>ファイル<ul>
<li>
<a href="#"></a>新規</li>
<li>
<a href="#"></a>開く</li>
<li>
<a href="#"></a>保存</li>
<li>
<a href="#"></a>名前を付けて保存</li>
<li>
<a href="#"></a>閉じる</li>
</ul>
</li>
<li onmouseover="displaySubMenu(this)" onmouseout="hideSubMenu(this)">
<a href="#" class="menuMain">
</a>編集<ul>
<li>
<a href="#"></a>カット</li>
<li>
<a href="#"></a>コピー</li>
<li>
<a href="#"></a>パセット</li>
<li>
<a href="#"></a>削除</li>
<li>
<a href="#"></a>すべて選択</li>
</ul>
</li>
<li onmouseover="displaySubMenu(this)" onmouseout="hideSubMenu(this)">
<a href="#" class="menuMain">
</a>表示<ul>
<li onmouseover="displaySubMenu(this)" onmouseout="hideSubMenu(this)">
<a href="#">
</a>リストを見る<ul>
<li>
<a href="#"></a>ツールバー</li>
<li>
<a href="#"></a>ステートバー</li>
<li>
<a href="#"></a>機能一覧</li>
<li>
<a href="#"></a>ラベルリスト</li>
</ul>
</li>
<li>
<a href="#"></a>行番号を表示</li>
<li>
<a href="#"></a>色の設定</li>
</ul>
</li>
</ul>
</div>

[Ctrl A すべて選択注: 外部 Js を導入する必要がある場合は、

を実行するために更新する必要があります]

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

前の記事：JavaScript 文法学習演習_JavaScript スキル次の記事：JavaScript 文法学習演習_JavaScript スキル

続きを見る

JavaScript CSS メニュー関数 code_navigation メニュー

関連記事