3

商品の画像があり、その上に「新商品」の画像があります。その上にマウスを置くと、まるでマウスが製品の写真から離れたかのように見えます。

また、マウスオーバーすると、マウスがその中に入るため、表示されるdivが消えないはずです。

現在の例は次のとおりです。http： //jsfiddle.net/euhcc/8/

4

3 に答える 3

6

http://jsfiddle.net/euhcc/9/

あなたが探しているのはmouseleaveの代わりだと思いますmouseout。

更新されたフィドルをチェックして、それがあなたが探しているものであるかどうかを確認してください。

jQueryではmouseleave、要素自体ではなく、要素とその子孫によってカバーされる「領域」の詳細を調べます。つまり、要素の上に表示される要素があり（コンテキストでは:)、その要素$(this)がの子孫であり、要素が占める$(this)場所にマウスが物理的に置かれているかどうかに基づいて機能が確立されるようにしたい場合（その他$(this)要素にもかかわらず）、次にを使用しますmouseleave。

于 2012-07-26T09:45:00.647 に答える
1

最新のブラウザのみを対象としている場合-pointer-events：none;

http://jsfiddle.net/euhcc/10/

  <div style="position:absolute; width: 180px; pointer-events:none;">
于 2012-07-26T09:48:39.713 に答える
0 
    $(document).ready(function(){
    $('.retslet').hide();

        $('.billede_wrap').hover(function(){
           $('.retslet').slideDown("fast");
        },function(){
           $('.retslet').slideUp("fast");
        });
    });
​
于 2012-07-26T09:49:42.597 に答える