IT源码网

下拉菜单讲解

luoye 2020年02月19日 Web前端 385 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>

 

发布评论
IT源码网

微信公众号号:IT虾米 (左侧二维码扫一扫)欢迎添加!

meat标签使用讲解
你是第一个吃螃蟹的人
发表评论

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。