本文介绍了如何使用JavaScript和HTML制作网页二级下拉菜单。通过鼠标悬停显示下拉菜单，离开时隐藏，如新浪网的导航栏效果。示例代码详细展示了实现过程。
JavaScript（js）网页–下拉菜单制作
在网页的设计中，经常会出现二级下拉菜单，当鼠标经过时，显示二级菜单，鼠标离开时隐藏。例如新浪网
鼠标放到微博、博客或邮箱上面时，会出现一个二级菜单，鼠标离开则隐藏。
设计简单的下拉菜单栏
复制以下代码：
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>下拉菜单</title>
<style>
*{
margin: 0;
padding: 0;
}
a{
text-decoration: none;
}
div {
width: 1200px;
height: 30px;
margin: 0px auto;
background-color: blanchedalmond;
}
li {
最低0.47元/天 解锁文章
扫一扫
1340
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
