ドキュメント <br> *{ <br> マージン: 0; <br> パディング: 0; <br> リストスタイル: なし; <br> } <br> .nav_1{ <br> border-radius: auto; <br> ボックスシャドウ: 10px 10px 5px #888888; <br> text-align: 右; <br>高さ: 50ピクセル; <br> マージントップ: 50px; <br> margin-right: 自動; <br> margin-bottom: 50px; <br> マージン左: 自動; <br> 背景色: #930; <br> } <br> .nav_1>ul{ <br> display: inline-block; <br> リスト形式: なし。 <br> 位置: 相対的。 <br>幅: 960ピクセル; <br> マージントップ: 0; <br> margin-right: 自動; <br> margin-bottom: 0; <br> マージン左: 自動; <br> text-align: 中央; <br> } <br> .nav_1>ul>li>a{ <br> 表示: ブロック; <br>幅: 105ピクセル; <br>カラー:#FFFFFF; <br> text-align: 中央; <br> テキスト装飾: なし。 <br> 背景色: #930; <br> } <br> .nav_1>ul>li{ <br> line-height: 50px; <br> 表示: インラインブロック; <br> margin-right: 自動; <br> マージン左: 自動; <br> フロート: 左; <br> font-family: "新宋体"; <br> フォントの太さ: 太字; <br> } <br> .nav_1>ul>li>ul{ <br> list-style: none; <br> ディスプレイ: なし。 <br> <br> } <br> .nav_1>ul>li>ul>li{ <br> 表示: ブロック; <br> 行の高さ: 25px; <br> } <br> .nav_1>ul>li>ul>li>a{ <br> <br> border-radius:55px; <br> 表示: ブロック; <br>幅: 100ピクセル; <br>カラー:#FFFFFF; <br> text-align: 中央; <br> テキスト装飾: なし。 <br> 背景画像: url(red%20flash%2011.png); <br> 行の高さ: 40px; <br> 背景位置: 中央 中央; <br> } <br> .nav_1>ul>li:hover>ul{ <br> display: block; <br> } <br> <br> .nav_1 li a:hover{ <br> color: #000; <br> } <br> .nav_1 li ul li a:hover{ <br> color: #ff0; <br> 背景色: #000; <br> } <br> .nav_1 ul li a.thisclass{ <br> border-radius:55px; <br> テキスト装飾: なし。 <br> 背景色: #CF0; <br> } <br> $(function(){ var nav_1 = $(".nav_1 a"); nav_1.click(function(){ $(this).addClass("thisclass").siblings().removeClass("thisclass "); }); }); 主页 二级栏目 二级栏目 音乐 二级栏目 二级栏目 ビデオ 二级栏目 二级栏目 新闻 二级栏目 二级栏目 について 二级栏目 二级栏目