dw网页二级菜单代码怎么做!很着急把它放在一级导航底下!
发布网友
发布时间：2022-04-24 06:17
共4个回答
热心网友
时间：2022-04-20 11:43
方法和详细的操作步骤如下：
1、第一步，打开dw软件并创建一个新文件，见下图，转到下面的步骤。
2、第二步，执行完上面的操作之后，单击“常用”选项，选择“布局”按钮，然后绘制一个图层，见下图，转到下面的步骤。
3、第三步，执行完上面的操作之后，再次单击该层并绘制另一个，看到第一层是layer1，第二层是layer2，见下图，转到下面的步骤。
4、第四步，执行完上面的操作之后，将光标放在layer1上，然后单击“插入表格”，建立一个具有一行三列且宽度为288的表，见下图，转到下面的步骤。
5、第五步，执行完上面的操作之后，在表格中输入百度经验，百度知道，百度文库，可以在属性栏中设置以下属性，见下图，转到下面的步骤。
6、第六步，执行完上面的操作之后，在第2层中输入经验首页，个人中心，小测首页，帮帮首页，然后设置以下属性，见下图。这样，就解决了这个问题了。
热心网友
时间：2022-04-20 13:01
二、点击 窗口-行为 菜单，打开行为面板。
三、选中第一步输入的文字，点行为面板上的+号，在弹出的菜单中选-显示弹出式菜单。
四、在弹出的对话框中勾选 Don’t show me this message again(不要再次向我提示此信息)，再点 继续。
五、在下列对话框分别设置内容、外观、高级、位置选项。在 内容 选项中，点+号可以添加菜单项，-号可以删除菜单项，缩进项可以自动生成二级菜单。
六、各项都设置好后，按F12，在浏览器中预览网页效果
此时你会发现和网页同级的目录多了两个文件，分别是：arrows.gif、mm_menu.js。请勿修改、移动位置，这是弹出式菜单必须的图片、JS文件。
如需修改下拉菜单，可以选中文字，点击行为面板的 显示弹出式菜单 即可。
如果下拉菜单下面有Flash，为了不影响下拉菜单的正常效果和层次，需要给Flash添加透明代码： <param name="WMODE" value="transparent"> ，还需在embed标签中加入代码：wmode="transparent"，
热心网友
时间：2022-04-20 14:36
2、第二步，执行完上面的操作之后，单击“常用”选项，选择“布局”按钮，然后绘制一个图层，见下图，转到下面的步骤。
3、第三步，执行完上面的操作之后，再次单击该层并绘制另一个，看到第一层是layer1，第二层是layer2，见下图，转到下面的步骤。
4、第四步，执行完上面的操作之后，将光标放在layer1上，然后单击“插入表格”，建立一个具有一行三列且宽度为288的表，见下图，转到下面的步骤。
5、第五步，执行完上面的操作之后，在表格中输入百度经验，百度知道，百度文库，可以在属性栏中设置以下属性，见下图，转到下面的步骤。
6、第六步，执行完上面的操作之后，在第2层中输入经验首页，个人中心，小测首页，帮帮首页，然后设置以下属性，见下图。这样，就解决了这个问题了。
热心网友
时间：2022-04-20 16:27
您好，这是个小逻辑问题。
鼠标经过顶级栏目时触发子栏目列表，可以用:hover 选择器，:hover触发前先用display:none;隐藏子栏目菜单，:hover触发时再用display:block;显示出子栏目菜单。
例子如下：
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>二级菜单</title>
<style type="text/css">
*{ margin:0; padding:0;}/*浏览器边缘无缝隙*/
#nav{ width:100%; height:35px; background:#fb600d;}/*100%宽度导航条*/
#nav ul{ width:1024px; height:100%; margin:auto;}/*导航条内容，1024px居中*/
#nav ul li{ width:150px; height:100%; float:left; display:block; border-right:1px solid #fff; text-align:center;}/*导航内栏目样式*/
#nav ul li a{ color:#FFF; line-height:35px; text-decoration:none;}/*导航内顶级栏目链接样式*/
#nav ul li a:hover{ color:#000;}/*顶级栏目链接鼠标经过变色*/
#nav ul li ul{ width:150px; display:none;}/*顶级栏目下子栏目内容触发前先隐藏*/
#nav ul li:hover ul{ width:150px; display:block; }/*鼠标经过顶级栏目时显示子栏目菜单*/
#nav ul li ul li{width:150px; background:#FB600D; border-top:1px solid #FFF;}/*子栏目列表样式*/
#nav ul li ul li a{ color:#FFF; line-height:35px; text-decoration:none;}/*子栏目列表链接样式*/
#nav ul li ul li a:hover{ color:#000;}/*子栏目列表鼠标经过样式*/
</style>
</head>
<body>
<div id="nav">
<ul>
<li><a href="#">网站首页</a>
<ul>
<li><a href="#">菜单1</a></li>
<li><a href="#">菜单1</a></li>
<li><a href="#">菜单1</a></li>
<li><a href="#">菜单1</a></li>
</ul>
</li>
<li><a href="#">网站首页</a>
<ul>
<li><a href="#">菜单2</a></li>
<li><a href="#">菜单2</a></li>
<li><a href="#">菜单2</a></li>
<li><a href="#">菜单2</a></li>
</ul>
</li>
<li><a href="#">网站首页</a></li>
</ul>
</div>
</body>
</html>
想要实现其他效果继续追问。
