1. ホーム
  2. 質問と答え
  3. 2段の水平ナビゲーションバー

2段の水平ナビゲーションバー

2011-12-15 13 views
2

誰かがcss（javascriptではなく）のナビゲーションバーのチュートリアルへのリンクを持っていたかどうか疑問に思っています。私は2段横棒の後です。下段は水平でもある。ただ、以下の画像のような2段の水平ナビゲーションバー

enter image description here

任意のポインタが大きな助けになります！

出典

2011-12-15 Nathan

答えて

1

cssplay.co.ukには多くのドロップラインメニューがあります。 "Multi-Level - Dropline"を見てください。しかし、著作権に注意を払う。

出典

2011-12-15 20:55:39 afaf12

+0

まさに私が探していたものです。ドロップラインと呼ばれる。私が愚かであるかもしれないが、そのサイトのダウンロードボタンはどこですか？ – Nathan

+0

ダウンロードボタンはありません、不便です、私は知っています。コードは常に

.....
タグの間にあり、スタイルは通常、headタグの間にあり、外部の.cssファイルにはありません。 – afaf12

-1

ガイド：Suckerfish Dropdowns。

http://www.alistapart.com/articles/dropdowns

あなたは完全に水平になるようにスタイルを変更したいです。

出典

2011-12-15 20:41:09 Mathletics

+0

JavaScriptを利用しています。私はIE6で騒がしいではない。 IE7 +はリンク以外のホバー機能を利用していますか？ – Nathan

+0

私はそう信じていますが、記事を読んでいれば、その部分にJSが必要な理由を理解できます。 – Mathletics

+0

厄介な（ホットリンクされた）リソース。コードチュートリアルは冗長で、実際のサンプルへのリンクはコメントで難読化されています。ヤック – 8bitjunkie

1

私はあなたが2つの層を意味していると思うし、それらは両方とも常に見えていて、2番目の層はホバーでは見えません。 http://jsfiddle.net/jblasco/XAE9c/

とにかく、アイデアは2つのulリストを使用し、それに応じてそれらのあなたのNAVのli要素を配置することです：

はそうであれば、ここでの基本的なフィドルの一例です。あなたはそこから望むようにリストアイテムをスタイルすることもできますし、コンテンツへのリンクを追加することもできます。

動的ページがある場合は、if ($PageURL == "blah.php") {の単純なサーバーサイドチェックを行い、class="active"現在のタブで、あなたが好きなスタイルを選択します。

あなたが好きないくつかのナビゲーションバーでinspect要素を使用し、そこから行くことをお勧めします。

出典

2011-12-15 20:51:03 justis

+0

は正しいです、ちょうどmsdnの写真のように。 – Nathan

+1

それは私が思ったことです、それは誰もがJavascriptのソリューションを投稿しているだけなので、わかりませんでした。ちなみに、DIDがJSを使わずにホバー上にセカンダリナビを表示したい場合は、次のようにすることができます：http://jsfiddle.net/jblasco/XAE9c/2/ – justis

関連する問題

 関連する問題