jquery - ディスプレイ_
ホバー

Question

私はこのコードを持っています:

<div class="bigroundlink" >
    <img class="cross" src="img.png" style="position:absolute; display:none;" />
</div>

ユーザーがdivをホバーしたときにその画像を表示したいと思います。どうすればできますか？要素、JQuery、および CSS に ID を自由に使用/追加 (必要な場合) してください。

score 5 · Accepted Answer

これ？(純粋なCSS)

.bigroundlink img { visibility: hidden; }
.bigroundlink:hover img { visibility: visible; }

imgタグに埋め込まれたスタイルを削除します

score 2 · Accepted Answer

イメージが表示されない場合は、DIV に幅と高さを設定する必要があります。それで：

CSS:

.bigroundlink {
    width:100px;
    height:100px;
}

jQuery:

$('.bigroundlink').hover(function(){
    $(this).children('.cross').show();
});

score 2 · Accepted Answer

jqueryとの連携もバッチリ！

 $(document).ready(function(){
    $(".bigroundlink").hover(function(){
        $(".bigroundlink .cross").show();
    });
 });

score 0 · Accepted Answer

だから、あなたが必要です

$(function() {
$(".bigroundlink").hover(
});

jquery - ディスプレイ_ホバー