悬停时，在div的右侧显示图像
悬停时，在div的右侧显示图像
提问于 2010-11-14 03:42:53
我有一个操作列表(创建一个免费帐户，查看统计数据等)。这就是它的样子。
<div class="box_go">
<div class="ico"><img src="img/ico/arrow_f.png" width="16" /></div>
<h3>Get a free account</h3>
<p>And start earning points</p>
</div>
<div class="box_go">
<div class="ico"><img src="img/ico/arrow_f.png" width="16" /></div>
<h3>View stats</h3>
<p></p>
</div>我希望在悬停时在父div的右侧出现一个小箭头(div.ico)。使用jQuery...但是当我悬停在第一个元素上时，两个箭头都会出现...
有什么想法吗？谢谢!
回答 2
Stack Overflow用户
回答已采纳
发布于 2010-11-14 04:06:48
为什么不直接使用CSS呢？
.box_go {
position: relative;
}
.box_go .ico {
position: absolute;
right: 10px;
display: none;
}
.box_go:hover .ico {
display: block;
}Stack Overflow用户
发布于 2010-11-14 04:45:13
<span id="matter">Matter written</span>
<span id="ico">image.ico</span>
$('#ico').hide();
$('#matter').mouseover(function() {
$('#ico').show();
});
$('#matter').mouseleave(function() {
$('#ico').hide();
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/4174418
复制相关文章
相似问题
腾讯云开发者
