問題タブ [hover]

マウスオーバーでdivの背景色を変更しようとしています。

div {background:white;}
div a:hover{background:grey; 幅:100%;
表示ブロック; テキスト装飾:なし;}

div 内のリンクのみが背景色を取得します。

div全体がその背景色になるようにするにはどうすればよいですか?

ありがとうございました

編集：
div全体をリンクとして機能させるにはどうすればよいですか-そのdivのどこかをクリックすると、アドレスに移動します。

垂直ホバーアコーディオンにはどのjQueryプラグインがありますか？メニューに使用するプラグインを探しています。

• サブメニュー項目は、1秒ホバーされた後にのみ展開されます（したがって、おそらくhoverIntentプラグインを使用するもの）。
• Javascriptがオフになっていると、正常に機能が低下する可能性があります。と
• マウスがサブメニュー項目から完全に離れると、サブメニュー項目を折りたたんだり閉じたりします。

ありがとうございます！

この CSS がある場合:

ID の下のリンクは、ホバー時に常に黒で表示されます。IDを使用すると優先度が高くなることは承知していますが、:hoverセレクターのみをオーバーライドしているの:linkではなく、ホバーが赤く表示されるべきではありませんか?

私はこのように見えるいくつかのhtmlを持っています：

そして、アンカータグに登録されたjqueryイベントがあります：

アンカータグの上にマウスを置くと、span.textが表示され、アンカーが5px右に移動します。

さて、私は入りたくない複雑さのために、私は位置を設定しなければなりません：相対的; コンテナ上にアイコンとテキストを絶対に配置して、アイコンが左側に表示され、テキストが右側に表示されるようにします。

問題：

アンカータグの上にマウスを置くと、アイコンが右に移動し、マウスがテキスト（表示される）の上に移動します。残念ながら、マウスをアイコンからテキストに移動すると、「out」関数が呼び出され、アニメーションが狂ったようにループし始めます。マウスがアンカータグを離れることがないため、「out」イベントが発生する原因がわかりません。

ありがとう！

都市名とその詳細を表示するGoogle ジオマップ ビジュアライゼーションの例に示されているようなホバー詳細コンポーネント、またはホバー詳細ボックスで使用できる他の同様のコンポーネントが既に利用可能かどうかを知りたいです。

ロールオーバー イラスト ハイライトが必要な小さな領域が多数ある複雑な背景画像があり、それぞれにテキスト表示と関連リンクが追加されています。最終的なイラストは、z-index を使用して透明度のある複数の静止画像を積み重ねます。目的の効果を得るには、中間の「サンドイッチ」レイヤーの 1 つにハイライト ロールオーバー イラストを表示する必要があります。

ブロックをいじって失敗した後、これは古い学校のイメージ マップで行うことができると判断しました。4 つの幾何学的形状のアウトラインを含む模式的なテスト マップを作成し、png ロールオーバーを使用して「塗りつぶし」ました。アイデアは、画像マップを下の背景レイヤーに関連付け、すべてのロールオーバーを css {visibility: hidden} で初期化し、Jquery の hover メソッドを使用してそれらを表示し、関連するテキストを別の div で表示することです。別のテキスト関数は、jQuery hover の代わりに :hover 疑似クラスでこれを試みていない理由です。イメージ マップを使用していたので、すべてのロールオーバー png (透明な背景を持つ) を完全なコンテナーに合わせて正確に配置し、すべてが正確に整列するようにしました。

私が得たものはうまくいきます...そうではありません！イメージ マップが正しくマッピングされ、ジオメトリ領域のみがアクティブになります。しかし、各ロールオーバー領域からの href は断続的にしか機能せず、css 可視性で Jquery hover を使用するとめちゃくちゃになります。望ましい動作は、その領域に転がり込むことで単純に形状が固くなることです。実際に何が起こるかというと、シェイプ内の動きによって、表示と非表示がすばやく切り替えられます。カーソルが形状内で停止すると、表示される場合と表示されない場合があります。どんなアイデアでも大歓迎です！

ホバー設定のサンプル (最終的には、実際のロールオーバー、関連するリンク、およびテキストに配列を使用します):

イメージマップ:

おそらく30個のアイテムを持つ順序付けられていないリストがあります。これらのアイテムの 1 つにカーソルを合わせると、残りのリスト アイテムは 30% にフェードし、ホバーしたアイテムは 100% のままになります。リストから離れると、それらはすべて 100% までフェードバックし、私はこれを管理しました。

アイテムからアイテムに移動すると、他のリストアイテムが 100% までフェードバックし、その後 30% までフェードバックするときに問題が発生します。ユーザーがリスト全体から離れない限り、30% のままにしておきたいです。

各リスト項目で hoverIntent プラグインを使用します。また、jQuery を使用してクラスを現在のリスト項目に追加したので、残りの部分をフェードアウトして、離れたら削除できました。jQuery クックブック サイト ( http://docs.jquery.com/Cookbook/wait )にある待機関数を使用しました。

言ってることわかりますか？

これまでの私のコードは次のとおりです。

*明らかに、これは $(document).ready(function() 内にあります

誰でも私を助けてもらえますか？

どうもありがとう

ホバー時に個別の画像を表示する CSS スタイルのボタンを含む Web サイトがあります。ページが完全に読み込まれるのを待ってから、マウスをそのボタンの上に移動します。

Firefox は新しい画像を表示しますが、ステータス バーが「www.server.com からデータを転送中」または「www.server.com を待機中」と表示されたままになり、これが消えることはありません。Firebugのネットビューを介して、画像がホバー時に正しくダウンロードされていることを確認でき、他のエラーはどこにも表示されません。

何が原因でしょうか? このページで、後続の Ajax 呼び出し完了スクリプトで誤った問題が発生しているため、質問しています。

Firefox がこのステータスを表示してスタックするのはよくある問題ですか? 理由は何ですか？

「NerdDinner」MVC チュートリアルを進めてきましたが、マップ コントロールの追加に関する部分にたどり着きました。Virtual Earth コントロールの奇妙な動作に遭遇しました。

http://img17.imageshack.us/img17/3379/virtualearth.png

画像が見えない場合は、Virtual Earth コントロールが左上隅に浮かんでいて、フォームを覆い隠しており、含まれている div から分離されています。これも実際には正しい位置ではありませんが、コントロールがどこにあるかよりはましです。は。

私が知る限り、関連するすべてのコードをチュートリアルから直接コピーしました。誰かが前にこのようなものを見たことがありますか?

ほとんどのテストで Firefox を使用していますが、Internet Explorer 7 でも同じように動作するようです。

まず、これが私がやりたいことです：

行1、2、または3にカーソルを合わせると、行が強調表示されるようにコードを設定しています。これはcssを介して行われます。

（たとえば）row1をクリックできるようにしたいと思います。そうすると、次のようになります。

そのテキストは、別の行をクリックするまでそこにとどまり、クリックすると消えます。たとえば、次の行2をクリックしたとします。

javascriptを使用してこれを実行し、テキストの可視性を設定することについて説明しているコードを見つけましたが、大量のほぼ重複したコードがなくてもこれを実行する方法がわかりません...