問題タブ [hover]

私はJavascriptに関しては非常に初心者であり、あなたが与えることができるどんな助けにも感謝します！ホームページに機能ボックスを作成しています。この機能ボックスでは、3つの見出しが1つの画像スポットを共有します。見出しがロールオーバーされたときに画像を変更するスクリプトを見つけましたが、ページが開いたときに最初の見出しが最初の画像と一致していることを判断するのは困難です。ホバースタイルを既に選択された状態で表示し、最後にロールオーバーされた見出しのままにしておくにはどうすればよいですか。写真の表示にどの見出しが表示されるかがわかります。これが私の例です

これが私が使用しているコードです：

ホバースタイル：

JAVASCRIPT：

最近、スクリプトのパフォーマンスを向上させるのに確かに役立ったjQuery最適化のヒントについて読むことに時間を費やしています。

ただし、私のサイトにはこの注目のニュースセクションがあり、マウスをホバーするとより多くの情報が所定の位置にスライドします。このセクションは、Safari（およびおそらくChromeも）以外のブラウザではあまりうまく機能しません。

この理由は、アニメーション化する前に、すべてのマウスオーバー/マウスアウトイベントでかなりのDOMトラバースと計算を実行しているためだと思います。

私の質問は簡単です：アニメーションがよりスムーズに実行されるように、以下のコードを最適化する方法はありますか？

私が取り組んでいるサイトはまだ公開されていないので、ニュースセクションのスクリーンショットをアップロードして、それがどのように見えるかを示します。

ありがとう！

私はこのような構造を持っています:

コンテナーの mouseout イベントをキャッチする必要があるため、jquery に次のようにさせました。

Firefox/Opera では、div を離れるときにのみ mouseout-function を起動します (私が望む方法)。

IE では、マウスがヒットした div 内のすべての *-Tag で mouseout 関数を起動します。(*おそらく重要なのは、span タグにも mouseover および out イベントがあることです)

誰でもこれを解決する方法を知っていますか? (複雑なレイアウトのため入れ子構造の変更はできません)

thx4任意のアイデア!

仲間の開発者が Eclipse のホバリング Javadoc を嫌い、これを無効にしたい (1 つのオプション) か、選択的にのみ有効にする (別のオプション) ことを望んでいます。彼は Eclipse 3.3 を使用しています。これは可能ですか？

ページを開いたシンプルな画像ギャラリーがあります。ページを離れることなく画像をプレビューするために、istockphoto.comで使用されているようなロールオーバーでホバー効果を使用したいと思います。

このjQueryツールチッププラグインはシンプルでわかりやすく、よく書かれているように見えるので、自分のサイトに実装しました。プラグインはここにあります：http：//cssglobe.com/post/1695/easiest-tooltip-and-image-preview-using-jquery

しかし...それはまったく機能していません。みなさん、見て、私がおそらく見落としていたとんでもないばかげたことを教えていただけますか？

私の開発サイト： http： //homewoodphoto.jhu.edu/gallery/20030101_test_gallery/

ありがとう！

<li>カーソルを合わせると、サブメニューを含むパネルが下にスライドするメニューがあります。（修正済み）次に、どのメニュー項目にカーソルを合わせるかによって変化するコンテンツをそのサブメニューに入力する必要があります。（修正済み）

最後の問題：コンテンツを変更できるのは、.hoverの代わりに.clickを使用した場合のみです...-同じ要素で2 x .hoverを使用する際の問題はありますか？

mainDiv と呼ばれる div があり、その<p>中にテキストを含む要素が含まれているとします。最初の要素にカーソルを合わせると表示され、マウスを最初の要素から離すとすぐに非表示になる、同じ div 内に別の要素 (a<p>または a<div>または何か他のもの)を作成したいと考えています。好ましくは、2 番目の要素のテキストは、黒いボックスで囲まれるか、たとえば Facebook の写真ページのキャプションに似たものになります。<p>

これはどのように行うことができますか？ホバー イベントにトグル機能を追加することを考えていますが、JQuery を初めて使用するため、これを行う方法が正確にはわかりません。また、ホバー時に表示される要素のボックス (半透明、不透明度 60% など) を作成するための CSS を提供できますか? また、これが toggle() で実行できる場合、toggle()をスローまたはファスト (show(slow) のように) などのアニメーションの速度と一緒に使用できますか?

また、この目標には高い z オーダーが不可欠であると考えていますが、ボックスが横ではなく真上に表示されるか、またはそのようなものになるかはわかりません。

右を見るとサムネイルギャラリーがあります。アクションを「クリック時」から「ホバー時」に変更する必要があります。私は JavaScript の開発者ではないので、この時点でスクリプトを変更しても無駄です (これを変更するには時間がかかりすぎます... 他の理由で)。

アクションを「クリック時」から「ホバー時」に変更する方法を見つけるのを手伝っていただければ、大歓迎です。

リンクはこれです（編集：リンクを削除、問題は解決しました、ありがとう）

皆さんを助けるために、/js/jquery.galleriffic.js ファイルを探します。

一部のリンクにホバリング効果を適用した単純なJQueryスクリプトを作成しました。ここに表示されているように、スクリプトは正常に機能します：テストサンプル...（IE以外のブラウザでテストしてください）

ただし、リンクにすばやくカーソルを合わせると、必要に応じて画像アイコンが消えないことがわかります。私はこれを修正するためにすべてを試みましたが、適切な解決策を見つけることができません。

今の質問：mouseOverホバー効果が完全に完了した後にmouseOutホバー効果が適用されていることをどのように確認できますか？