問題タブ [jquery-hover]

SOを検索したところ、この質問は何度も行われたようですが、私の例ではうまく機能しないようです。

使用するコードは次のとおりです。http： //jsfiddle.net/vol7ron/w8QsZ/2/

私が探しているのは、flowplayerツールチップに似たものです。ここで：

• ホバーするとメニューが表示されるトリガーがあります
• トリガーを離れるとメニューが消えます
• ユーザーがメニュー（またはツールチップ）にカーソルを合わせると、ポップアップは開いたままになります。

私の推測では、トリガーは少し遅れて消えをhoverOut呼び出す必要がありますが、メニューでは、タイムアウトをクリアする必要があります。setTimeout()mouseenter()

私はまだjQueryを初めて使用し、生成されたtimeoutIDをどこに保存し、どこで呼び出すかがわかりません。

注：同じメニューが複数のトリガーに使用されます。

更新：わかりました、私は何かが機能しています：ここで
誰かが私がそれをクリーンアップしてより効率的にするのを手伝ってくれませんか？さらに重要なのは、timeoutIDにグローバルを使用したくないということです。おそらく、それをオブジェクトに保存するためのより良い方法がありますか？

divボックスにホバー効果を適用したいのですが、1ページに最大60個のボックスがあります。これはcssホバー効果とまったく同じであるはずですが、ホバーカラーにフェード効果を適用したいと思います。たとえば、背景色として薄緑、ホバー背景色として濃い緑がある場合、一方から反対側にフェードするはずです。

私はjQueryで少し遊んでいましたが、私が望む結果を得ることができました：

私のサイトでは、最大 60 個のボックスを多数表示しています。各ボックスはホバーでき、独自の色を持っています。次のjsでそれを実現します：

ボックスがホバーされると、背景色として #68BFEF が取得されます。マウスがボックスから離れると、色が古い値に変更されます。

これは私がcssを適用する方法です：

私の問題は、ホバー効果が速くなり、色が速く変化することです。もう 1 つの問題は、すべてのボックスが古い背景色になるわけではないことです。

何か案は？

ページに 40 個以上のボックスを表示します。

ご覧のとおり、背景色とテキスト色を設定しています。ホバーすると、色を交換したい:

背景色のアニメーションは機能しますが、要素のフォントの色を変更できません。何か案は？

カルーセルを実装する次のコードがあります。ユーザーが数秒間ランダムにホバーを実行すると、jquery hover() がそれらをキューに入れてすべて実行するように見えます。そのカルーセルをどのように機能させたいかは、最新のホバーのみを実行することです。

.hover を使用して、HTML 要素を光っているように見せようとしています。私のコードは次のようになります:

私が得ている効果は、フェードが無限ループでマウスオーバーで何度も繰り返されることです。コンソールを見ると、hoverIn および hoverOut ハンドラー関数が呼び出され続けています。

何が起こっているのでしょうか？

ありがとう！

jquery ドロップダウン メニューに問題があります。私の例（下部のリンク）では、サブメニューをホバーすると、現在のメニュー項目（項目2）の色がホバー状態のままになります（例では白）。

css ではなく、jquery/javascript でこれが必要です。

完全なコードを含むライブの例へのリンク

ありがとう

ご挨拶、

jQueryを使用してナビゲーションバーの各ボタンのテキストを使用して単純なフェードイン/フェードアウトDIVを作成しようとしていますが、いくつかの問題が発生しています。これが私がやろうとしていることのスクリーンショットです：

基本的に、ユーザーがナビゲーションバーの項目にカーソルを合わせると、ナビゲーションの下にそのボタンに関連するテキストを含むdivが表示されます。私がこれまでに思いついたマークアップは恐ろしいものであり、これを行う正しい方法ではないことを私は知っています。また、配列を使用して、ナビゲーションボタンのタイトル属性からのテキストで情報divを埋めようとしました-後者はうまくいきましたが次に、タイトルも表示されます。

複雑すぎることは別として、それはある程度機能します。ユーザーがナビゲーションバーにすばやく出入りすると、全体が点滅し（：hiddenと：visibleを使用せずに）、：hiddenと：visibleが使用されている場合は表示されません。

現在のマークアップは次のとおりです。

情報DIVのCSS

navのHTML

Javascript

この種のことに取り組むための最良の方法は何ですか？基本的に、情報テキストのDIVをフェードインし、ユーザーが別のボタンに移動したときにテキストを変更し、ナビゲーションバーから移動したときに非表示にします。

ありがとう！

ソリューション（jmansに感謝）

更新 mVChrの提案のおかげで、コードは数行に短縮されました。jmansによって提供された提案と組み合わせて、それは私が望んでいたことを実行しています：

:hover を使用して背景を表示する CSS を使用した IMG があります。jQuery を使用して、すぐに表示するのではなくバックグラウンドでフェードインする簡単な方法はありますか?

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

私はjquery初心者で、画像が所定の位置にとどまることに問題があります。画像の src 属性を取得し、「over」という属性の値に置き換える jquery-hover 関数があります。実際の画像置換は正しく機能しますが、マウス入力イベントが発生するたびに、ロールオーバー画像が y 軸の約 10% 下に表示されます。ロールオーバー画像が別の位置に表示されることなく、ある画像を別の画像と完全に重複する「置換」を探しています。関数は次のとおりです。

HTML は次のとおりです。

より経験豊富な人がハートビートで見ることができるのは、非常に単純なことだと確信しています。助けてくれてありがとう。