1

このシナリオには複数のバリエーションがあることは知っていますが、それを機能させるのに苦労しました。

yellowpages.comに非常に近いものを試しています。ピザなどを検索して、結果を表示します。

個々の要素のホバーで「DIV」がどのように表示されるかに注目してください。各リストの下部にあるアクション？私はこれをする必要があります。私が取り組んでいる非常によく似たプロジェクトがあり、データベースのコンテンツに基づいてリストを作成しています。

説明する最良の方法は、リスト全体のメインコンテナーにカーソルを合わせたときに、「フッター」のz-indexを変更できたかどうかです。

これは、このサイトへの私の最初の投稿です。ご協力いただきありがとうございます。

4

2 に答える 2

1

jQueryでこれを行うのはかなり簡単です。divを表示または非表示にするには、次を使用できます。

$(".moreInfoDiv").show();
$(".moreInfoDiv").hide();

もちろん、divをすでに定義していると仮定します

<div class="div1">
<div class="moreInfoDiv">

したがって、最終的なコードショーは次のようになります

$('.div1').hover(
    function() {
       $(".moreInfoDiv").show();
    },
    function() {
        $(".moreInfoDiv").hide();
    }
);
于 2012-06-10T19:49:25.637 に答える
0

そのようです：

$(function(){
  $('#div1').hover(function(){
    $('#div2').css('z-index', '10');
  }, function(){
    $('#div2').css('z-index', '0');  
  });       
});

これは、ホバー時にz-indexの変更を示す動作中のjsFiddleの例です。

于 2012-06-10T19:53:46.727 に答える