用html语言写一个隐藏二级菜单的菜单栏

最新推荐文章于 2024-05-27 17:27:19 发布

LiQiyaoo

最新推荐文章于 2024-05-27 17:27:19 发布

阅读量1.1w

点赞数 4

分类专栏： HTML 文章标签： html 菜单栏隐藏二级菜单栏鼠标滑过动作

本文链接：https://blog.csdn.net/L_BestCoder/article/details/50636283

版权

HTML 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

刚学了html语言，学了一种能够使二级菜单栏隐藏，在鼠标滑到一级菜单栏时，又将二级菜单栏显示出来的方法，这种方法可以时网页生动灵活，非常简洁，所以想写下来。

下面贴上代码：

<!DOCTYPE>
<html>
<head>
<title>菜单栏</title>
<style type="text/css">
.sub_menue
{
display:none;              /*先将子菜单设置为隐藏*/
}
li:hover .sub_menue
{
display:block;             /*设置鼠标滑过动作，以块级元素的形式显示出子菜单*/
}
</style>
</head>

<body>
<ul class="menue">
<li>菜单1
    <ul class="sub_menue">
      <li>子菜单1</li>
      <li>子菜单2</li>
    </ul>
</li>
  <li>菜单2
     <ul class="sub_menue">
       <li>子菜单3</li>
	   <li>子菜单4</li>
     </ul>
  </li>
</ul>	
</body>
</html>

LiQiyaoo

关注

4
点赞
踩
27

收藏

觉得还不错? 一键收藏
0
评论
用html语言写一个隐藏二级菜单的菜单栏

刚学了html语言，学了一种能够使二级菜单栏隐藏，在鼠标滑到一级菜单栏时，又将二级菜单栏显示出来的方法，这种方法可以时网页生动灵活，非常简洁，所以想写下来。下面贴上代码：菜单栏.sub_menue{display:none; /*先将子菜单设置为隐藏*/}li:hover .sub_menue{display:block;
复制链接

扫一扫

专栏目录