問題タブ [mouseover]

以下を使用して、サイトの訪問者がサムネイル (この場合は tn_guinness-label.jpg) をクリックし、クリックすると大きな画像 (この場合は guinness-label.jpg) が表示されるようにします。それで....試してみたところ、赤いXが入った小さなボックスしか見えませんでした.マウスを赤いXの上に置くと、正常に機能し、大きな画像が表示されました.

マウスオーバーする前にサムネイルが表示されなかったのはなぜですか? さらに、マウスオーバーを完了してからマウスを離した後、実際にサムネイル画像が表示され、表示されたままになりました。サムネールが最初に表示されず、マウスオーバーを完了した後にのみ表示されたため、私は何を間違っていますか。ご協力ありがとうございました。以下は私が使用しているものです（aspxページ... Visual Web Developerの無料版を使用）

上記の解決策を提供できない場合は、aspx ページのサムネイルでマウスオーバー効果を実現する方法に関する情報を喜んで受け取ります。どうもありがとう。

リサマック

私の Web サイトには、ナビゲーション バーとして画像があり、別のページにリンクするホットスポットを作成しました。問題は、テキストが画像の一部であるため、ホバー時にテキストのスタイルを変更できないことです。マウスオーバーでテキスト/ホットスポットを目立たせたいので、マウスオーバーで背景色を変更できることを学びました。それは可能ですか？エリアまたはマップを使用して、CSS でそれを行う方法はありますか。Javascript を使用する場合、誰かが私を助けてくれませんか。

事前にたくさんありがとう！

CSSで角丸ボタンを作ることができました。ボタンをマウスオーバーできるようにしたいのですが、最も内側の div だけでなく、全体の色が変わります。助けてください！

私の推測では、onmouseover="" を含む何らかの JavaScript を使用する必要があると思います。正しいですか?

ここにページがあります：http://biozenconsulting.com/new/

(また、IE8 と Chrome で表示したときに右隅に表示される小さなボックスを取り除くにはどうすればよいですか?)

これは HTML コードです。

CSSは次のとおりです。

ViewModelクラスにブール変数があるとします。

public bool test = true;（これはC＃です）

XAML/Expression Blend には、この変数を取り、PURELY XAML を使用して false に変更する方法はありますか?

マウスオーバーイベントでこれを行いたいです。マウスが特定のオブジェクトの上にある場合、ブール変数は false になり、それ以外の場合は true のままになります。

ドラッグアンドドロップとマウスジェスチャーに関連するよく研究されたデザインパターンはありますか？特定のレイアウトを持つ親子階層のオブジェクトを含むキャンバスについて考えてみます。一部のオブジェクトは、マウスを使用して他のオブジェクトにドラッグアンドドロップできます。さらに、オブジェクトのサイズを変更したり、マウスで移動したりできます。

オブジェクト上のさまざまなホットスポットは、ユーザーの状態（ドラッグ、選択）に応じて動作が異なります。ドラッグアンドドロップ操作の場合、いくつかの要素は次のとおりです。1）ソースオブジェクトのユーザーへの視覚的フィードバック2）ドラッグ中のユーザーへの視覚的フィードバック3）ドロップ領域検出4）ドロップ互換性テスト5）ドロップアクション

標準APIは、これらを組み合わせてかなりモノリシックなコードにする傾向があります。

さらに、移動やサイズ変更などのジェスチャには、共通の要素があります。1）マウスがサイズ変更/移動領域にあるときのユーザーへの視覚的フィードバック2）移動/サイズ変更操作中の視覚的フィードバック3）操作の完了/キャンセル。

問題は、コードを合理化し、ビジュアルレベルとドキュメントレベルの責任を分離し、おそらくこの宣言型の多くを分離する方法はありますか？

たとえば、マウスの下のポイントがドロップターゲットであるかどうかを判断するには、ChainofResponsibilityパターンと組み合わせた何らかの形式のヒットテストを使用する場合があります。

この厄介な問題に規律と組織をもたらす優れたデザインパターンが必要だと思います。

乾杯、

ご挨拶！最新の方法 (jQuery?) を使用して Web サイトのメニュー システムを処理するためのベスト プラクティスに関するフィードバックをお待ちしています。

古い方法 (現在の場所):

ご覧のとおり、各ナビゲーション リンクは、マウスオーバーに基づいてさまざまな DIV (サブ メニュー) を表示および非表示にします。サイトの各ページには異なる初期サブメニュー/DIV 状態が必要なので、さまざまな DIV に接続された onmouseover トリガーを追加して、訪問者がマウスをページの他の部分に移動すると、元のメニューに「スナップ」状態が戻ります。

私は自分の方法論がうまくいかないことを知っており、これを処理するための他のより良い方法/テクニックがあります。

要約すると、私は探しています：

1) メニュー システム コードの集中管理 (私は現在 INCLUDE を使用していますが、これが適切であることを願っています) 2) マウスオーバーとサブメニューの表示を処理するためのより良い方法。3) マウスがメニュー領域から離れたときの「スナップ」効果を処理するより良い方法。

フィードバックをお寄せいただきありがとうございます。すてきな一日を！

写真を表示する簡単なhtml/cssページがあります。

ここで、ユーザーが画像上でマウスを動かしたときに、画像を他の画像に交換したいと思います。
画像領域を離れると、古い画像が再び表示されます。

どうすればこれを達成できますか？javascriptなしで動作するバージョンが最適です。

前もって感謝します！

これは私が現在持っているものです：

それが何をするか：

マウスオーバーした場合＃cart-summary->500ms後にフライカートを開く

mouseout.flycart->500ms後にflycartを閉じる場合

私が必要なのは：

マウスオーバーした場合＃cart-少なくとも500msの概要->フライカートを開く

少なくとも500msのmouseout.flycartの場合->flycartを閉じる

追加するために編集：ここで使用できる場合は、hoverIntentも使用しますか？

どうもありがとう！

...これは機能しますが、2つの問題があります。

1. 本来のように5秒待たないようで、何を設定してもほぼ瞬時に開きます。

2. 同じページでhoverintentプラグインを使用するすべての要素に影響します。

助けていただければ幸いです。ありがとう！