0

私はこの小さなコードを使用するために、画像の上にカバーを表示しようとします:

<script>
function carrousel_show_cover(id)
{   
$(".c_cover_"+id).show(2000);   
}

function carrousel_hide_cover(id)
{   
$(".c_cover_"+id).hide(10);
}
</script>


 <div id="content_pic" onmouseover="carrousel_show_cover('1')" onmouseout="carrousel_hide_cover('1')">
<div class="c_cover_1" style="display:none;"></div>
<img src="test_image.jpg">
</div>

ここでの問題は、はい、画像の上にカバーを表示しますが、同時にカバーを非表示にし、常に表示、非表示、非表示、表示.....、カーソルを上に置いたときにカバーを表示し、配置したときに必要ですマウス アウト カバー を 隠し ます が , わかり ませ ん .

ありがとう

4

2 に答える 2

1

次のようなことを行うことで、JavaScriptをHTMLから簡単に分離することもできます

<div class="card-container">
    <img src="test_image.jpg" class="card"/>
    <div class="card cover"></div>
</div>

でホバーアクションを制御します

$('.card-container').hover(function() {
    $('.card.cover', this).hide()
}, function() {
    $('.card.cover', this).show()
});

私はあなたとは異なるクラス名を使用しましたが、概念はそこにあります。

ここにフィドルがあります：http://jsfiddle.net/NThK2/

于 2013-10-23T20:26:50.057 に答える