dw网页二级菜单代码怎么做!很着急把它放在一级导航底下!

1、第一步,打开dw软件并创建一个新文件,见下图,转到下面的步骤。2、第二步,执行完上面的操作之后,单击“常用”选项,选择“布局”按钮,然后绘制一个图层,见下图,转到下面的步骤。3、第三步,执行完上面的操作之后,再次单击该层并绘制另一个,看到第一层是layer1,第二层是layer2,见下图,...
dw网页二级菜单代码怎么做!很着急把它放在一级导航底下!
方法和详细的操作步骤如下:
1、第一步,打开dw软件并创建一个新文件,见下图,转到下面的步骤。

2、第二步,执行完上面的操作之后,单击“常用”选项,选择“布局”按钮,然后绘制一个图层,见下图,转到下面的步骤。

3、第三步,执行完上面的操作之后,再次单击该层并绘制另一个,看到第一层是layer1,第二层是layer2,见下图,转到下面的步骤。

4、第四步,执行完上面的操作之后,将光标放在layer1上,然后单击“插入表格”,建立一个具有一行三列且宽度为288的表,见下图,转到下面的步骤。

5、第五步,执行完上面的操作之后,在表格中输入百度经验,百度知道,百度文库,可以在属性栏中设置以下属性,见下图,转到下面的步骤。

6、第六步,执行完上面的操作之后,在第2层中输入经验首页,个人中心,小测首页,帮帮首页,然后设置以下属性,见下图。这样,就解决了这个问题了。

2020-05-23
您好,这是个小逻辑问题。
鼠标经过顶级栏目时触发子栏目列表,可以用:hover 选择器,:hover触发前先用display:none;隐藏子栏目菜单,:hover触发时再用display:block;显示出子栏目菜单。
例子如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><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>想要实现其他效果继续追问。
2014-07-01
一、打开Dreamweaver,点击 文件-新建 菜单,创建一个HTML文件,输入网站导航栏文字,并选中输入的文字,在下面的属性栏链接处加一个空链接。然后保存该网页文件。
二、点击 窗口-行为 菜单,打开行为面板。  
三、选中第一步输入的文字,点行为面板上的+号,在弹出的菜单中选-显示弹出式菜单。
四、在弹出的对话框中勾选 Don’t show me this message again(不要再次向我提示此信息),再点 继续。
五、在下列对话框分别设置内容、外观、高级、位置选项。在 内容 选项中,点+号可以添加菜单项,-号可以删除菜单项,缩进项可以自动生成二级菜单。
六、各项都设置好后,按F12,在浏览器中预览网页效果
此时你会发现和网页同级的目录多了两个文件,分别是:arrows.gif、mm_menu.js。请勿修改、移动位置,这是弹出式菜单必须的图片、JS文件。
如需修改下拉菜单,可以选中文字,点击行为面板的 显示弹出式菜单 即可。
如果下拉菜单下面有Flash,为了不影响下拉菜单的正常效果和层次,需要给Flash添加透明代码: <param name="WMODE" value="transparent"> ,还需在embed标签中加入代码:wmode="transparent",2015-07-09
mengvlog 阅读 14 次 更新于 2025-07-19 10:23:12 我来答关注问题0
  • 1、第一步,打开dw软件并创建一个新文件,见下图,转到下面的步骤。2、第二步,执行完上面的操作之后,单击“常用”选项,选择“布局”按钮,然后绘制一个图层,见下图,转到下面的步骤。3、第三步,执行完上面的操作之后,再次单击该层并绘制另一个,看到第一层是layer1,第二层是layer2,见下图,...

  •  阿暄生活 dw制作网页导航栏代码 dw制作网页模板

    在菜单栏上依次打开【插入】->【模板对象】->【创建模板】。重新命名模板,并确保已经建立了网站站点。设计模板内容:设计模板的公共部分,如头部、底部、侧边栏等。在需要编辑的部分插入“可编辑区域”,以便在应用模板时能够修改这些部分的内容。保存模板:将设计好的模板保存为.dwt文件。应用模板:新建...

  •  百度网友ded4135 dw中怎么制作二级子页面

    现在进入实质性的操作:)二级关联菜单一般情况下都是以下拉菜单来做,这里我也不例外,一样用下拉菜单来做。只不过这里有一个地方不一样哦。就是一个用的是跳转菜单,这一点很重要,成功与否全看这个菜单有没有用对!以下是这个跳转菜单的代码! < sql = "select [type_id],[type_name] from [...

  •  阿暄生活 dw *** 下拉菜单 dw导航栏下拉菜单代码

    dw制作下拉菜单的步骤如下:创建新文件或打开现有文件:打开Dreamweaver软件。如果有现成的web源文件,可以直接点击“文件”->“打开”来打开该文件。如果没有,可以点击“文件”->“新建”来创建一个新的web源文件。默认情况下,新类型即可。选择链接并添加行为:在设计面板中选择一个链接(注意,这个链接...

  • 首先需要打开自己电脑上的DW软件,新建一个html页面,然后将其保存在桌面上。接下来我们需要在body里面添加DIV标签,并在其内使用ul无序列表和li标签制作一个一级菜单栏,代码和浏览器的效果如下面两张图片所示。因为菜单栏一般都是有链接的,我们就需要为每个li标签添加一个a标签,并增加适当的样式。

檬味博客在线解答立即免费咨询

代码相关话题

Copyright © 2023 WWW.MENGVLOG.COM - 檬味博客
返回顶部