問題タブ [onhover]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
2 に答える
258 参照

javascript - 単一のdivのホバーですべてのdivのjquery変更cssを停止する方法

div に表示される情報のブロックがあります。ホバー時に特定の div の css を変更したい。しかし、現在、誰かの div にカーソルを合わせると、すべての div の css が変更されます。

これが私のjqueryコードです:-

ホバーされている div のみが影響を受けるように jquery を変更するにはどうすればよいですか。多くの学生が存在する可能性があり、それは多くの「学生ボックス」が生成されることを意味します。

0 投票する
2 に答える
299 参照

html - ボタンホバーでアニメーションを開始する方法

XYZ1 にマウスを合わせると、XYZ1 の情報が div#troll に表示され、XYZ2、XYZ2 などの情報が表示されるようにしたいのですが、ユーザーが a=href のホバーを外すと、div が非表示になるようにします。それは可能ですか?

0 投票する
7 に答える
381 参照

javascript - 最後の要素が常にホバー時に起動するのはなぜですか?

フィドル: http://jsfiddle.net/vrec/

フィドルからわかるように、ホバーするとスパンの色を変更したいのですが、どういうわけか最初の3つの要素でホバーしても、ホバーイベントは最後のスパンに適用されます。

HTML

jQuery:

0 投票する
3 に答える
278 参照

javascript - HTML ラベルは jQuery .on('hover',...) と互換性がありますか

ユーザーがラベルの上にカーソルを置いたときに、フォームの入力ラベルをフェードまたは非表示にできると便利です。私の特定のケースでは、ラベルを入力ボックスの上に「絶対に」配置したので、ユーザーがラベルの上にマウスを移動するか、入力ボックスをクリックすると、ラベルが消えてしまいます(そのため、タイプはありません)ラベル テキストの下に表示されます)。

CSS を使用して、テキスト入力のクリック時にラベルを非表示にすることができましたが、ホバー (またはマウスオーバー) または同様のときにラベルを「display:none」にする方法が見つかりませんでした。

jQueryについて私が考えていたのは次のとおりですが、ホバーを機能させることができませんでした:

HTML:

編集: マークアップが有効になるように調整されましたが、問題は残っています。

0 投票する
1 に答える
241 参照

css - 水平ドロップダウン ナビゲーションの純粋な CSS

水平ドロップダウン ナビゲーションのあるサイトで作業していますが、正常に動作しません。

最初のレベルにカーソルを合わせるまで、2 番目のレベルのナビゲーションを非表示にすることはできません。直系の子孫が必要だとわかりました。また、現在のページがナビゲーションにある場合は表示する必要がありますが、うまくいきません!

現時点で私がそこに持っているcssは以下です。どんな助けにも感謝します。

サイトは次のとおりです。http://www.lifetimetraining.co.uk/

}

}

}

}

}

}

}

}

}

}

}

}

}

}

}

}

}

}

0 投票する
1 に答える
167 参照

html - 別のコンテナにカーソルを合わせてコンテナを表示

ページのロゴの上にカーソルを置いているときに、非表示の div を表示しようとしています。

ウェブサイトは次のとおりです。http://www.enbloc-magazin.de/

私が言ったように、ロゴの上にホバリングしているときにコンテナ(#snowflakesContainer、display:none;)を表示したいと思います。

私は次のようないくつかのスクリプトを使用しました:

しかし、何も機能しませんでした。

非表示のコンテナの CSS は次のとおりです。

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

0 投票する
1 に答える
243 参照

javascript - テキストにカーソルを合わせると画像が回転する

右、テキストを含む div があります。テキストにカーソルを合わせると、赤にフェードし、余白が 4px になります。また、その横に星の画像があります。達成したいのは、テキストがホバーされると星が回転しますが、それでも赤くなり、余白が 4px 残っています。何かアイデアはありますか?