鼠标经过弹出div
1个回答
展开全部
有两个方法,一个是js的,优点能兼容所有浏览器还能控制弹出时间和方式,缺点是代码较多,需要懂一点js知识;还有个方法是css,设置隐藏层,当鼠标移到对应的区域,显示隐藏层,优点是代码少容易理解和应用,缺点是ie6不支持。如:
<style>
.aa{width:100px;height:30px;position:relative}
.aa .bb{width:100px;height:60px;position:absolute;display:none;border:1px solid #ddd;top:30px;left:0}
.aa:hover .bb{display:block}
</style>
<div class="aa">移到我上面看看
<div class="bb">显示结果</div>
</div>
<style>
.aa{width:100px;height:30px;position:relative}
.aa .bb{width:100px;height:60px;position:absolute;display:none;border:1px solid #ddd;top:30px;left:0}
.aa:hover .bb{display:block}
</style>
<div class="aa">移到我上面看看
<div class="bb">显示结果</div>
</div>
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询