問題タブ [nav]

何かを機能させるのに苦労しており、すでにたくさんの場所を見てきましたが、どんな助けも大歓迎です。

基本的に、いくつかのロールオーバー画像で構成されるナビゲーション メニューがあります (通常の状態の「左上」、ホバー状態の「左下」、現在、css を介して個別にロールオーバーするように構成されています。これらは次のようになります。

今私が達成しようとしているのは、それらのいずれかにカーソルを合わせると、それらすべてがロールオーバーすることです。たとえば、「アーカイブ」にカーソルを合わせたとします。以下は「アーカイブ、連絡先、約」をロールオーバーします

私はすでに次のことを試しましたが、うまくいきませんでした（不透明句はまさに私がやりたかったことをしましたが、何らかの理由でこれは「背景位置」ではうまくいかないようです）：

これを達成するにはどうすればよいですか？助けてくれてありがとう！

同じページのコンテンツにリンクするメニューがあり、jQueryを介してdivをフェードインおよびフェードアウトし、完全に機能します。

ナビゲーションの最初のリンクにはクラス（current_page_item）がアタッチされており、ナビゲーションの他のリンクをクリックすると、そのクラスを削除して、クリックしたリンクに追加したいと思います。

これまでのところ、私は次のようなことを試しました：

これは機能しません。

私はjavascriptに非常に慣れていないので、助けていただければ幸いです。

ありがとう！

編集：

ナビゲーションのHTMLは次のとおりです。

編集2：

以下の答えを使用しても、それでも私が望むものを達成していないようです。おそらく、私が使用しているjQueryプラグイン（マジックライン）が原因です。リンク

したがって、基本的には、「行」をクリックされたものの下に配置したいと思います。これは、「current_page_item」が適切な場所にある新しいページをロードする場合に機能しますが、DIVをフェードインおよびフェードアウトしているため、それを行うことはできません。

行は、'current_page_item'クラスのliアイテムに戻ります。おそらく、このコードを変更して、クリックした要素にクラスを追加することができますか？

これがコードです。

ナビゲーションでスクロール可能なjqueryUIツールを使用しています。自動的に自動再生されるようにしたいのですが、ナビゲーションを操作するたびにタイミングがファンキーになります。

いずれかのナビゲーションリンクをクリックすると停止します。スクロールが止まらないようです！

これを開始するコードは次のとおりです。

HTML：

それをアクティブにするJquery：

私はこれを試しましたが、うまくいきませんでした：

次に、実際のボタンにjsを追加しようとしましたが、正しく指定しているとは思いません-以下のコードのように、スクロール可能な領域を特定するために何か他のものが必要です-スクロールコンテンツはulの上のspearatedivにあります。ナビ：

また、history：falseの下のナビゲーターセクションにclickable：falseを追加しようとしましたが、それも機能しませんでした。

誰か助けてもらえますか？

典型的なナビゲーションバーを設定しました。1つの要素（「OurTeams」）にカーソルを合わせると、ドロップダウンが表示されます（以下のjqueryを使用）。

次にドロップダウンにカーソルを合わせると（#dropdown）ドロップダウンがフェードアウトします（メニュー項目にカーソルを合わせたため）ドロップダウンにカーソルを合わせるとjqueryが機能する必要があり、ドロップダウンにカーソルを合わせるとフェードアウトしますANDナビゲーションメニュー。

何か案は？http://pixelcakecreative.com/cimlife/で実際の例を見ることができます

ページの幅を 100% 拡張し、背景に 3 つの個別の png を使用するナビゲーション バーを作成しようとしています。2 つの png はエッジ用で、もう 1 つは背景の繰り返しパターンです。私はこれを行う方法に完全に困惑しています。エッジは透明であり、すでに透明な繰り返しパターンと重なるため、エッジを個別の div に絶対に配置することはできません。下のコンテンツを表示できるようにする必要があるため、div に背景色を追加することもできません。

どんな助けでも素晴らしいでしょう。

ありがとう！

ナビゲーションバーのベースとしてnav要素とリストを使用して新しいデザインを作成し、可能な限りセマンティックにしようとしました。CSSを使用して、ナビゲーションリンクの水平方向のリストになるようにスタイルを設定しました。これはnav要素にカプセル化されており、背景が黒でページの上部と同じ高さになり、ブラウザウィンドウの幅が広がるようにスタイル設定されています。

私は多くのブラウザでサイトを確認しましたが、リストは水平で、IE9でも期待どおりに表示されます。ただし、IE8以下では、ページの左上隅に垂直方向のリストがあり、nav要素のスタイルはまったくありません。HTML5 doctypeを使用しているので、IE8は標準モードである必要があります。

これが私がスタイリングしようとしているHTMLです。

これが私が使用しているCSSです。

そして最後に、これが私が使用しているCSSリセットです。古いブラウザ用のHTML5表示役割リセットセクションがあります。

1 つの固定サイズの配列パラメーターを実装するメソッドを使用して、COM インターフェイスを公開する必要があります。コンシューマーは、配列サイズを宣言する必要があるテクノロジに基づいているため、配列サイズは固定されています。だから私はこのようなことをすることができました

それは私にとってはうまくいきますが、消費者による異次元エラーがあります。

こんな感じで書きたいと思います

またはこれ

しかし、Vstudio 2010 ではエラーが発生します...

そこで、このhtml css jqueryナビゲーションメニューの非常に簡素化されたバージョンを作成し、以下のコードを指定すると、サブメニュー項目を、それが含まれているliであるかのように処理します。サブメニューulがliの一部として表示されていることは理解できると思います。問題は、サブメニューのリンクが実際にたどられ、preventDefault'edにならないように、その動作をどのように分離するかということです。

編集：すべてのトップレベルのリンクとサブメニューのリンクを通常どおりに機能させたい。私が操作しようとしているのは、サブメニューがあるトップレベルのliだけです。

私はこのフィドルを持っています：http：//jsfiddle.net/tatygrassini/tZBXe/

1レベルの深さのサブメニューを備えた水平ドロップダウンメニュー。：hoverスタイルのすべてのメニューリンク。

親がクリックすると、サブメニューが下にスライドし、ホバーアウトし、サブメニューが非表示になります。これまでのところOKです。

親にCSSクラス（.focus）を与えたいのですがAdd/Remove my CSS class、クリックして背景色を変更し、「フォーカス」状態を偽造します。

jsfiddleで、をクリックするとAdd/Remove my CSS class、背景色が1秒間赤に変わるのがわかります。これは、：activeCSSスタイルが原因です。
したがって、サブメニューリンクにカーソルを合わせても、親リンクは「フォーカス」状態のままですが、カーソルを合わせると、「フォーカス」CSSクラスが削除され、通常の状態のCSSが実現されます。

私のウェブサイト：http：//reckless-gaming.com/aT/ はゲームのウェブサイトです。

ただし、上部のナビゲーションメニューにカーソルを合わせると、初めてカーソルを合わせると白いボックスが表示され、その後消えます。私のナビゲーションCSSコーディングはすべて正しいですが、少なくとも私は願っています。