首页 > 代码库 > JS例子（子菜单下拉）
JS例子（子菜单下拉）
<style type="text/css">
*{ margin:0px auto; padding:0px;}
#wai{ width:1000px;
height:50px;
margin-top:100px;}
.zong{ width:500px;
height:50px;
text-align:center;
line-height:50px;
vertical-align:middle;
float:left;
border:1px solid #F00;}
.zi{ width:0px;
height:0px;
float:left;}
.ziwai{ width:500px;
height:152px;
border:1px solid #F00;
position:relative;
top:51px;
left:-502px;
}
.se{ width:500px;
height:50px;
text-align:center;
line-height:50px;
vertical-align:middle;
border-bottom:1px solid #F00;
}
</style>
<body>
<div id="wai">
<div class="zong" onm ousemove="xian(‘yanse‘)" onm ouseout="yin(‘yanse‘)">颜色</div>
<div class="zi">
<div class="ziwai" id="ziwai" onm ousemove="shi(this)" onm ouseout="cang(this)">
<div class="se">红</div>
<div class="se">黄</div>
<div class="se">绿</div>
</div>
</div>
</div>
</body>
<script type="text/javascript">
function xian(yanse){
var a = document.getElementById("ziwai");
a.style.display = "block";
}
function yin(yanse){
var b = document.getElementById("ziwai");
b.style.display = "none";
}
function shi(c){
c.style.display = "block";
}
function cang(d){
d.style.display = "none";
}
</script>
JS例子（子菜单下拉）
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。