セカンダリナビゲーションバーの生産:
1.ナビゲーションバーのパターンリスト(リストスタイル:なし)の除去、及び与えられた浮動ので、その横方向の配置(フロート:左)
前記領域の一方のみクリックリー電流範囲がジャンプをトリガするように、:ブロックレベル要素(ブロックディスプレイ)の製造のセットパターンにそれぞれ<A> </a>のラベルのLiに追加、
3.ので、通常の状況下に隠された、:UL>リーを追加リーの2つの必須のナビゲーションバーを追加するには、クラス名に、(なしディスプレイ)にそのスタイルを設定しました
4.スライドセットは、2個のナビゲーションバーのLiを有する効果を横切るナビゲーションバー、設けられた二つのナビゲーションバー状態(表示:ブロック)は、表示状態があります
<!DOCTYPE HTML> <HTML LANG = "EN"> <HEAD> <メタ文字コード= "UTF-8"> <META NAME = "ビューポート"コンテンツ= "幅=装置幅、初期の規模= 1.0"> <メタHTTP-当量= "X-UA-互換性のある"コンテンツ= "IE =エッジ"> <! - <リンクのrel = "スタイルシート"のhref = "./../共通/ common.css"> - > <タイトル>ドキュメント</ TITLE> <スタイル> * { マージン:0; パディング:0; } UL、リチウム{ リストスタイル:なし。 } .one { 幅:600PX。 背景色:コーラル; 高さ:30px; マージン:0自動; } .one李{ フロート:左; 幅:100ピクセル; テキスト整列:センター; 行の高さ:30px; } .one李:ホバー{ 背景色:#FFF。 色:サンゴ。 } .one .two { 表示:なし。 } .oneのリチウム:ホバー.two { 表示:ブロック; } のLi {.two .one 背景色:cadetblue。 } .one .twoのLi:ホバー{ 背景色:甘露。 } { 表示:ブロック; テキスト装飾:なし; } </スタイル> </ head> <body> <ULクラス= "1"> <LI> <a href="">一级</a>に</ LI> <LI> <a href="">一级する</a> </ LI> <LI> <a href="">一级</a>の <ULクラス= "2"> <LI> <a href="">二级する</a> </ LI> <LI> <a href="">二级</a>に</ LI> <LI> <a href="">二级</a>に</ LI> </ UL> </ LI> <LI> <