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