如何设置当鼠标移动到一个div上时,下面显示出两个链接??
在html页面中,如何设置当鼠标移动到一个div上时,下面会自动出现两个链接,当鼠标移出时,链接消失?当鼠标放在调和转罐div上时会出现下面两个链接,鼠标移开,链接消失。...
在html页面中,如何设置当鼠标移动到一个div上时,下面会自动出现两个链接,当鼠标移出时,链接消失?
当鼠标放在调和转罐div上时会出现下面两个链接,鼠标移开,链接消失。 展开
当鼠标放在调和转罐div上时会出现下面两个链接,鼠标移开,链接消失。 展开
2个回答
展开全部
<style type="text/css">
.top{ background-color:#999; width:70px; height:20px;}
.bottom{ background-color:#0CF; width:70px; height:60px;}
</style>
<body>
<div class="top" onmouseover="xs()" onmouseout="none()">调和转罐
<div class="bottom" id="bottom" style="display:none">
<div class="bottom1"><a href="#">一转多</a></div>
<div class="bottom2"><a href="#">多转一</a></div>
</div>
</div>
</body>
</html>
<script type="text/javascript">
function none(){
document.getElementById("bottom").style.display = "none" //隐藏
}
function xs(){
document.getElementById("bottom").style.display = "" //隐藏
}
</script>
代码给你了 你看一下
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询