我对 JavaScript 或 jQuery 不太擅长,但我试图在将鼠标悬停在<div>
元素上时显示图像。问题是它也发生在其他人身上。
$(document).ready(function () {
$("#event .event").hover(function () {
$(".event img").show("slow");
},
$(".event img").mouseout(function () {
$(".event img").hide("slow");
}));
});
html代码:
<div id="event">
<div class="event">
<h4>name1</h4>
<p>some text1</p>
<img style='position:relative; display:none;' src='img1' alt='' />
</div>
<div class="event">
<h4>name2</h4>
<p>some text2</p>
<img style='position:relative; display:none;' src='img2' alt='' />
</div>
</div>
但是图像会同时出现,如果我有五个,或者所有五个..有帮助吗?