問題タブ [rollovers]

Jqueryでシンプルなナビゲーションバーを作ろうとしています。ホバー時にテキストの色を変更し、テキストがクリックされたときにホバーの色を維持したい。本当に単純なことですが、hover: を使用して css でこれを問題なく実行し、次に JQuery でオンクリック関数を使用しました。問題は、ナビゲーション バーの項目の 1 つがクリックされるまで、すべてが正常に機能することです。ナビゲーション バーのアイテムをクリックすると、:hover が機能しなくなりますか? 私はcssで「大丈夫」ですが、jQueryは初めてです。これがばかげた質問ではないことを願っていますが、過去 2 時間、あらゆる種類の jQuery コードを使用してこれを修正しようとしました。コードが長くなり、1 つの問題を修正してから別の問題を作成します。JSFiddle を確認すると、クリックするまでロールオーバーが機能することがわかります。:hover がクリックされていない 2 つのリンクで動作し続けるようにしたい! ここにJSFiddleがあります

助けてくれてありがとう。

コードは次のとおりです。

新しいウェブサイトを公開したばかりですが、解決しなければならない問題が少しあります。ウェブデザインに関しては完全に独学です。

ここhttp://www.thisisfed.comでわかるように、ロールオーバーが非常に遅いのですが、これを解決する方法はありますか?

シンプルなトグルJavaScriptを使用しました

そして、これがjavascriptの仕組みです

助けてくれてありがとう。

連邦政府

レスポンシブ Web サイトの画像要素に画像のロールオーバー効果を適用する方法を見つけようとしています。

問題は、picture タグの scrset 属性に画像のロールオーバーを適用できるかどうかです。

JavaScript ロールオーバー効果のある img タグの作業例

JavaScript ロールオーバー効果のある画像要素の動作しない例

srcsetを使用して画像タグにロールオーバー効果を達成するための提案はありますか?

Web ページには、ロールオーバー効果が必要な約 12 のレスポンシブ イメージがあります。

Adobe Illustrator で出力した SVG ファイルで作業しているので、不要なコードがかなりあると思います。検索して検索した後、私はこれを思い付くことができました。

これにより、ロールオーバーが外部スタイルシートから機能するようになりますが、もちろんすべてのパスをロールオーバーとしてターゲットにします。

たとえば、ロールオーバーしたときに 3 つの要素がハイライトされるように、グループ内のパスをターゲットにする必要があります。Illustrator のコード構造は次のとおりです。

ID をスタイルシートに関連付けようとしましたが、運がありませんでした...クラスを SVG に直接関連付けることも試みました。

class="locations" をパスに追加すると、もちろん、要素のグループではなく、その 1 つの要素のみがロールオーバーされます。このようにクラスを追加しても何も起こりませんでした。g id="WIRE_ROOM" class="場所"

知っていることはすべて検索して試してみたので、誰かがこれを手伝ってくれたら幸いです。

したがって、「WIRE_ROOM」の場合、これらは異なる機器であり、1 つの共通領域を示すために、それらの 3 つの領域すべてを強調表示するホバーが必要です。ありがとうございました！

質問があります。私は、プロジェクトを途中で終了した別の開発者から継承しているインタラクティブ マップを持っています。世界用と米国用の 2 つのマップがあります。彼は米国を完成させたので、世界地図を機能させるために、JS をコピーして新しいインスタンスを作成し、ID を US から WORLD に置き換えました。これはうまくいきます！唯一の問題は、US 機能が無効になることです。理由はありますか？

米国のマップコードは次のとおりです。

WORLD JSコードは次のとおりです。

最後に、必要に応じてコードを深く掘り下げることができるように、これはテスト サイトです: http://vbfa.bwpcommunications.com

ご協力いただきありがとうございます！

シャドナ

私はjavascriptとjqueryに非常に慣れていないので、助けが必要です。すべての画像にカーソルを合わせると、画像の src を変更するにはどうすればよいですか? たとえば、facebook-icon をホバーすると変更され、google+ 画像/アイコンをホバーすると別の画像に変更されます。

前もって感謝します！

以下は、課題の質問です。

課題: このアプリケーションを作成するには、Web ページの右上隅にあるバナー広告ボックスを追加します。広告は、異なる z-index 値で互いに積み重ねられます。別の広告を表示するには、プログラムで z-index 番号を変更し、スタックの一番下を一番上に移動します。アプリケーションを視覚的に面白くするために、Hellen は新しい広告を上から下にスクロールして、現在表示されている広告を置き換えたいと考えています。

私の質問: Web ページの右上隅にバナーを表示できません。

iPad およびモバイル デバイス用のインタラクティブな PDF でロール オーバーを機能させるのに問題があります。解決策を探すのに何時間も費やしましたが、この特定の問題については何も見つかりませんでした...

私が持っているのは、閲覧者がチェックボックスを介して質問に答えることができるドキュメントのセクションです。チェックボックスは正常に機能します。ただし、不正解のチェック ボックスをオンにすると、ロール オーバー時に「ポップアップ」ウィンドウが表示され、正解にたどり着きます。私は、デザイン段階で InDesign と Acrobat を使用してこれを実行しようとしました。現在、機能は主に Acrobat を介して行われています (最終目標に近づいているようです)。

設定と同じくらい単純なのか、それとも何なのかわかりません。どんな援助でも大歓迎です。必要に応じて、より具体的な情報を提供できます。ありがとう！

マウスオーバー時に5つの異なる画像のセットをロールオーバーするスクリプトを実行しようとしています. fb ギャラリーに似ています。

これは私の試みです：

既存のソリューションを探すつもりですが、それを機能させるために欠けているものを理解したいと思います。

現在起こっていることは、すべてのタイムアウトが発生した後、イメージが置き換えられますが、イメージ自体は同じです。

タイムアウトのコールバックがいつ終了し、画像を更新し、少し待ってから次の画像と同じことを行うのはいつなのか疑問に思っていましたが、それがどのように機能するかを誤解しているようです。

ヘルプ/コメント?¿