jquery_jquery で実装された非常にシンプルなドロップダウン メニュー

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 {
リストスタイル:
}

<本文>

;

• sub1


• sub2 < /li>
  
>
• プログラミング
  
  
  
  • sub1< /a>
  
  
  • sub2
  
  
  • sub3
  
  
  
  
• ;ul class="サブメニュー">
  
• sub1


• sub2


• sub3




• Bootstrap リスト グループ コンポーネントの詳細な分析
• JavaScript関数のカリー化の詳細説明
• JS パスワードの生成と強度検出の完全な例 (デモ ソース コードのダウンロード付き)
• Angularjs は WeChat UI (weui) を統合します
• JavaScript を使用して繁体字中国語と簡体字中国語をすばやく切り替える方法と、簡体字中国語と繁体字中国語の切り替えをサポートする Web サイトのトリック_javascript スキル