<div id="retreatdiv">
<p class="retreat font_s" >
这是要显示的内容
<p class="retreat font_s" >
这是要显示的内容
</div>
//当鼠标移动到这个<span>时候
<span class='explain1'>移动到这</span>
$('.explain1').hover(function(){
var eTop=$(this).offset().top;
var eRight=$(this).offset().left;
$('.retreat').css({'top':eTop+20+'px','left':eRight-170+'px'}).show()
},function(){
$('.retreat').hide();
})
本文介绍了一种使用jQuery实现的鼠标悬停显示隐藏内容的效果。通过获取元素的位置信息,并在鼠标悬停时显示特定内容,增强了用户体验。

552

被折叠的 条评论
为什么被折叠?



