問題タブ [mouseover]

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

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

ホバースタイル：

JAVASCRIPT：

多くの行 (この例では 100) を持つテーブルでマウスオーバー イベントを使用すると、IE8 で奇妙なパフォーマンスが発生することに気付きました。私はさまざまなアプローチを試しましたが、好きな/必要なだけ速くする方法を見つけることができないようです.

イベントごとにクラスを切り替えると、IE のすべてのバージョンでパフォーマンスが低下します。JavaScript IE6 と IE7 を使用して CSS を直接操作すると、大幅に高速化されますが、IE8 のパフォーマンスは依然として低下します。

何か案は ？他のすべてのブラウザーと比較して、マウスオーバーイベントの実行が非常に遅くなる原因を知りたいです。

これが IE6 にのみ発生した場合は、理解して通過させることができますが、ブラウザーの最新バージョンが最も遅いバージョンの場合、悪い経験をするユーザーがますます増えるだけです.

JQuery ホバーを使用した例: http://thedungheap.net/research/

編集:例を更新して、10 行と 200 行の違いを簡単に確認できるようにしました。これは同じドキュメント内にあるため、DOM サイズ全体で問題になることはありません。

Web ページに画像があり、ユーザーがその上にカーソルを合わせると、別の画像が表示されます。表示された画像にカーソルを合わせると、ちらつきます。

それがなぜなのか誰にも分かりますか？

トニー

更新: ホバリングしても最初の画像は消えず、別の (小さい) 画像が左上隅に表示されます。その小さな画像の上を移動すると、ちらつきが現れます。

サイトの画像はギャラリーの一部であるため、php 変数であり、ユーザーが画像のリストから選択すると読み込まれます。したがって、一方を他方に埋め込むことは非常に困難です。

私のページには以下のHTMLがあります

そして私のJavaScriptで

私の要件は、ユーザーがマスターdivの上にマウスを置いたときに編集リンクを表示することです。これで正常に動作しますが、編集画像/リンクを保持しているdivの上にマウスを置くと、消えてしまいます。edit divの上にマウスを置くと、親divのmouseout関数が呼び出されることがわかりました。誰かが私がこれを解決するのを手伝ってくれる？

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

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

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

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

クリック可能なテキスト リンクにマウスを合わせることができるスクリプトをサイトに追加しようとしています。クリックする前に、画像付きの説明が指定されたボックスの場所に表示されます。サブウェイのサイトで非常によく似たものをご覧ください: http://www.subway.com/applications/Menu/frmMenuPanel.aspx?CC=USA&LC=ENG&MenuID=36

私は最近、Delphi (バージョン 2009) で作成された大規模なアプリケーションに、ユーザーが Windows エクスプローラーからファイルをドラッグして TcxGrid コントロールにドロップできるようにする機能を追加しました。これは、独自のウィンドウ プロシージャをグリッドにアタッチし、WM_DROPFILES メッセージをインターセプトする一般的な方法で実現しました。

現在、この機能を拡張して、ユーザーがグリッド内の既存の行にファイルをドロップしたことを検出できるようにしようとしています。これにより、既存のファイルを新しいバージョンで上書きするプロセスが開始されます。

私が最初に考えたのは、グリッド コントロールのマウスオーバー イベントが機能するかどうかを確認することでした。ただし、ドラッグ操作中はそうではありません。

次に、Winspector というプログラムを使用して、マウスがグリッド上を移動したときにグリッド コントロールに送信されるメッセージを確認しました。これで、マウスが置かれている行を検出して強調表示できるようになりました。上記と同じ手法を使用していますが、この場合、グリッド自体ではなく GridSite のウィンドウ プロシージャをオーバーライドしています。

GridSiteWindowProc の本体は次のとおりです。

ご覧のとおり、これを実現するために WM_NCHITTEST メッセージをトラップしています。Winspector によると、このメッセージはドラッグ操作中にグリッド サイト ウィンドウにも送信されますが、メッセージ値を文字列リストに出力する Log() ステートメントのコメントを外すと (後でメモ フィールドに手動でダンプします)、何らかの理由で、ファイルをグリッド上にドラッグしたときに、これらのメッセージが 1 つまたは 2 つしか表示されないことがわかりました。

ここで興味深い点があります。Winspector を実行してそのウィンドウにメッセージを監視している場合、ファイルのドラッグ操作中に突然すべての WM_NCHITTEST メッセージを取得し始めます。ウィンドウ プロシージャに送られるすべてのメッセージの整数値を、最初に文字列リスト バッファではなく別のログ ウィンドウに直接出力した場合も同様です。なぜこれが起こっているのか、またはこれを機能させる方法について、誰かが手がかりを提供できることを願っています。

通常、ホバー、現在のページの 3 つの状態のナビゲーションを備えたページを作成してきました。通常は単純なマウスオーバー スクリプトを使用し、すべてのページにナビゲーション コードを含めて、現在のページへのリンクを非アクティブにし、別の 3 番目の画像を表示できるようにします。これはずさんなやり方です。

1 つのヘッダー ページにすべてを記述し、すべてのページに対してそれを呼び出しながら、現在のページのリンクを非アクティブ化し、画像を切り替える機能を保持できるようにするための最良の方法は何ですか?

に画像のグレースケールバージョンを表示する方法が必要mouseoverです。これはブラウザのCanvas機能を使用して実装されているのを見てきましたが、すべてのブラウザにCanvasが実装されるまでにはしばらく時間がかかるため、この方法は使用したくありません。

誰かがそのようなことをしましたか？