ホームページ >ウェブフロントエンド >jsチュートリアル >jquery_jquery で実装された非常にシンプルなドロップダウン メニュー
jquery_jquery で実装された非常にシンプルなドロップダウン メニュー
- WBOYオリジナル
- 2016-05-16 16:47:531192ブラウズ
jqueryで実装された超シンプルなドロップダウンメニュー。
レンダリング
初期効果
マウスホバー効果
コード
コードをコピーします コードは次のとおりです。
>< ;script type="text/javascript" src="jquery-1.11.1.js">
テキストに移動します装飾: なし;
}
float: 左;
パディング: 0 0.5em; >
nav li ul.sub-menu {
display: none;
padding-left: 0 ! important;
.sub-menu li {
color : 白 ;
}
.sub-menu li:hover {
背景色: 黒;
}
.sub-menu li:hover a {
色: 白;
ul {
リストスタイル:
}
<本文>