問題タブ [onmouseout]

マウスオーバーで自分自身を変更し、マウスアウトで元に戻るテーブルが必要です。ここで私ができる最善のこと：

ただし、マウスを離しても、静止画の内容が元に戻らないことがあります。これを行うより良い方法はありますか？

ありがとう！

onmouseout イベントでアニメーション (画像の変化) が停止しません。なんで？

JavaScript:

HTML:

<img id="aaa" src="http://example.com/file/aaa.png" width="160" height="120" onmouseover="thumbnail(1,2,2,9,'aaa','http://example.com/file/','.png');" onmouseout="thumbnail(2,2,2,9,'aaa','http://example.com/file/','.png');" />

画像:

aaa.png、aaa2.png、...、aaa9.png

onmouseout次のウィジェットの名前に関数を追加しようとしています。正常にonmouseover動作しますが、onmouseoutロールオーバーするとすぐに発火します。理由がわからない。

http://jsfiddle.net/A8fmg/

「バブリング」に何か関係があるのではないかと思います。この件について読んでみましたが、その意味がよくわかりません。

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

順序付けられていないリストに含まれるアイテムがあります。このリストの外に (display:none; を使用して) div を隠しています。リスト項目にカーソルを合わせると、div が表示されます。マウスをリスト項目からその下の div に移動した場合も、表示されたままにする必要があります。

私は、CSS、JavaScript/jQuery を通じてこれを達成することにオープンです。また、ドキュメントは HTML5 に設定されています。

これは私が現在取り組んでいるものです。

ナビゲーションの下には、対応するアイテムの上にカーソルを置いたときに表示したいコンテンツがあります。

これには簡単な解決策があるはずだと思いますが、これまでの試みは不十分でした。最大の問題は、メニュー項目をホバリングしたときだけでなく、メニューから表示されている div に移動したときにも div が表示されることです。

ここまでお読みいただきありがとうございました。

contextmenu を開くべき componentControl で div を作成しました

コンテキストメニューは一般的にこのようなものです

IE6 で、この contextMenu にカーソルを合わせようとすると、div の onmouseout 関数が呼び出され、contextMenu が消えます。div から onmouseout パラメータを削除すると、コンテキスト メニューが表示されたままになります。

onmouseout 関数は次のようになります: jQuery('#I32').removeClass('classA'); jQuery('#I31').addClass('classB');

なぜこれがうまくいかないのか、誰にも分かりますか？

互換モードの Firefox、IE9、および IE9 は、期待どおりに動作します。

メニューバーを作りたい。マウスをメニューの上に置くと、div が表示されます。

表示される DIV は、.appendTo jQuery 関数を介してコメントの代わりに移動されます。

これは表示される div です。

私はこの方法でイベントをバインドしました:

showMenu と leaveTabs は、div を表示または非表示にする関数です。

正常に動作しますが、クリックすると選択のオプションを選択して消えます。

助言がありますか？

ありがとう

ボタンをクリックするとページが読み込まれますが、ホバーすると、コンテンツを div に読み込む WordPress テンプレートに次の jQuery があります。

マウスアウトの設定について助けが必要です

したがってsite.com/about、メニューにマウスオーバーすると、コンテンツがdivに読み込まれ、マウスアウトでaboutページのコンテンツに戻ります...など

これで助けてくれてありがとう

OK、私は JavaScript を使用して画像の入れ替えを制御しているので、誰かが画像をクリックすると、画像の「点灯」バージョンに変わります。リンクタグ内でこれを行うコードは、リンクonclick="changeto('wdl')"に追加onmouseover="changeto('wdl')"したので、カーソルを合わせると点灯します.

ここで、問題が発生するのは当然のことながら、onmouseout="changeto('wdd')"どちらが照明なしのバージョンの画像であるかを追加したときです。もちろん、ここで何が起こるかというと、カーソルを合わせると点灯し、カーソルを離すと点灯しないバージョンに変わります。しかし、それをクリックすると、イメージが照明されたバージョンに変更されますが、onmouseoutコマンドのために、照明されていないバージョンに変更されます。

私が欲しいのは、画像にカーソルを合わせて点灯させることです。クリックしてマウスを離すと点灯したままになりますが、クリックせずにマウスを離すと、「オフ」の画像のままになります。

助けていただければ幸いです。私はここで困惑しています。なんらかの種類のものを使おうと思ったif (!this)のですが、正直わかりません。

div内に画像があり、マウスが上にあるときに変更し、マウスが外にあるときに元に戻そうとしています。ただし、マウスアウトのdivに画像を挿入するのに問題があります。これまたは代替メッセージについて行くための特定の方法です。問題は、HTML挿入でのスラッシュの配置にあるようです。

上記のリンクではsomeFunction()、マウスがリンクを離れたときに発火します。簡単そうです。しかし、画像「blah.jpg」にカーソルを合わせると、onmouseoutイベントも発生します。'blah.jpg'は実際にはaノードにあるため、これは望ましくありません。aノード内にdivがある場合、またはストレートテキスト以外の他のhtml要素がある場合も同じことが起こります。javascriptはこれをノード外と見なしaます。これらのイベントが不適切に発生するのを防ぐ方法はありますか？説明されている動作は、win7ではchromeとffです。

*更新：jqueryソリューションがある場合は、教えてください