問題タブ [jquery-hover]

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 に答える
231 参照

javascript - addClass() を含むラッパー内の特定の要素に

私はこれを達成する方法について頭を悩ませてきました。その中に2つの別々のaタグが含まれている包含​​要素がありますaddClass()(つまり、1つのaタグにカーソルを合わせると、そのタグにクラスが追加され、aその包含要素内の他のタグが追加されます)。私は以下のコードを使ってそれを手に入れました:

ただし、要素全体ではなく、「a」自体でホバーをトリガーしたいだけです。残念ながら、この方法を使用すると:

クラスを最初の「a」タグに追加するだけです。

アドバイスをいただければ幸いです。

0 投票する
4 に答える
345 参照

jquery - これの省略形は何ですか?

ここにいくつかの厄介なJavaScriptがあります:

どうすればこれを小さくすることができますか、縮小することはできませんが、"toggle"その代わりにその"mouseover"ように言う方法はありません"mouseout"か?

どうも

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

jquery - jqueryで別の要素の背後にある要素のホバーを検出します

グラデーション画像があり、多くの画像を含む別の画像の上にある div があります...

問題は、ユーザーがこれらの画像のいずれかをホバーしたことを検出したいということです。それが発生した場合、ホバーした画像を前面に表示したいからです。

ちなみに、後ろの div にはたくさんの画像 (60 など) が含まれる場合があります。

これどうやってするの?

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

javascript - ホバーカードとjQuery..ホバーカードが表示されない

私はこのプラグインをホバーカードに使用しています。http://designwithpc.com/Plugins/Hovercard

このプラグインの問題は、「A」タグにカーソルを合わせると、最後の「A」タグの値のみが表示され、目的のタグとは表示されないことです。

例えば

予想:リンクをAAA.comに合わせると、AAA.comと表示されますが、CCC.comと表示されます。

コード:

ここでの問題は、AAA.comにカーソルを合わせると、アラートメッセージがaaa.comに表示されないことです。これにより、CCC.comが表示されます。また、最初のリンクにのみカーソルを合わせると、誤って表示されることがあります。

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

jquery - jQueryは、すでに効果があるものを除くすべてのアンカーに.hover()を追加します

.hover() を既に持っているものを除いて、私のウェブサイトのすべてのアンカーに .hover() を追加したい [以前に .hover() を個別に追加]。

jQueryでそれを行う方法、または可能かどうかはわかりません。
それが不可能な場合は、別のアイデアがありますが、それを行う方法や可能かどうかはわかりません。

アイデアは次のようになります: .hover() 効果をすべてのアンカーに追加できますか?

ありがとう!。

0 投票する
0 に答える
218 参照

jquery - 親ウィンドウのサイズに基づいてホバーウィンドウのサイズを変更する方法

ここに例があります

http://textonly.in/test3.php

リンクの上にマウスを置くと、ウィンドウがポップアップします..(テキストが読み込まれます)

問題は、要素(リンク)の位置に基づいてウィンドウのサイズを変更/再配置できるはずですが、可能かどうか?

現在、要素に基づいてホバーウィンドウを配置しています.要素が(幅/ 2)より大きい場合、ホバーが左側に表示されない場合、ホバーは左側に表示されます..

上下に基づいてホバーウィンドウを配置する方法は?

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

jquery - jQueryを使用して、すでにアニメーション化された画像リンクにホバーアニメーションを追加する方法は?

常に動くようにアニメーション化された画像リンクの「ul」があり、マウスがそれらの上に置かれたときに別のアニメーションを追加する方法があるかどうかを知りたい.

画像は div に配置され、div サイズに縮小されます。元のアニメーションを停止することなく、ホバー時にズームインしたいと思います。

考えられることはすべて試しましたが、jQueryを使い始めたばかりで、これがわかりません。

リンクは次のとおりです。 http://cqweblab.com/azbuka/azbuka.html

そしてコード。HTML:

CSS:

そしてjQuery:

どんな助けでも大歓迎です。

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

jquery - UIなしのjquery fadeInクラスの回避策

誰かが助けてくれることを願って、このコードから必要なものを取り出して自分で機能させることができないようです。

Jquery UI を使用できず、ホバーが必要以上に難しくなります。ホバーをフェードインおよびフェードアウトする必要があるスプライトがあります。.css() はフェードを許可せず、bg 位置によって呼び出されるスプライトです

私の計画は、mouseenter/leave または hover でクラスを追加/削除することです。その部分は簡単で、イージング効果を得るのは簡単ではありません。これが彼らのコードです。このようなものを使用してクラスを追加および削除するだけで、フェードインしてアニメーション/時間指定ホバーを偽造できるようにするにはどうすればよいですか?

私が使用しているcssは、次のようなものです。

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

jquery - jQueryホバーアニメーションは実行を続けます。Stop()のバリエーションは役に立ちません

このコードに奇妙な問題があります

効果が上下し続けて止まらない理由がわかりません。stop()いろいろなパラメータで試してみました。そしてclearQueue()。しかし、何も役に立たないようです。

基本的な考え方は、マウスをホバーすると画像がキャプションを上にスライドすることです。そして、マウスが完全に画像から外れるまで留まり、その後下にスライドします。

私が間違っていることについて何か考えはありますか?

実例http://jsfiddle.net/zSAYZ/

最新のChromeonMacキャプションが付いたPSは、マウスが静止している場合は下にスライドしません。最新のFirefoxのキャプションは、マウスが画像にカーソルを合わせるまで上下に移動します。

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

jquery - jquery サブメニュー
  • カーソルを合わせると次々とフェードイン
  • 親の上にマウスを置くと、<li>各子<li>が個別にフェードインするポップアップサブメニューがあります。マウスが離れると、全体が一度にフェードアウトします。

    これまでのところ、非常に悪い jQuery コードを使用して個別にフェードインできますが、1 回しか起動しません。そして、フェードアウトは決して機能しませんでした。ポップアップメニュー全体が同時にフェードインしただけでは機能しませんでした。

    これが現在の状態です: http://www.fixxed.net/test/pg/carousel/profiles.html

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

    HTML の簡略版を次に示します。

    マウスが離れたときにフェードアウトしない理由は、CSS によるものだと思います。CSS はドロップダウンではなくポップアップ メニューであるため、多くのことが行われていますが、ここではすべて (スプライトのものを除く) です。