下拉菜单分析

你猜 阅读:216 2020-02-19 18:10:00 评论:0

 

<style>
#fx{ margin:0 auto; background:#ccc; width:200px; text-align:center;}
#menu{ margin:0 auto; background:#fcfcfc; width:200px; text-align:center;}
</style>

 

<div id="fx" onMouseOver="showlist()" onMouseOut="hidelist()">分类</div>


<div id="menu" style="display: none;" onMouseOver="showlist()" onMouseOut="hidelist()">
<div class="f">家电</div>
<div class="f">数码</div>
<div class="f">手机</div>
<div class="f">衣服</div>
</div>

 


<script type="text/javascript">
function showlist()
{
document.getElementById("menu").style.display="block";
}

function hidelist()
{
document.getElementById("menu").style.display="none";
}
</script>

 

标签:HTML5
声明

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

发表评论
搜索
排行榜
关注我们

扫一扫关注我们,了解最新精彩内容