dw网页二级菜单代码怎么做!很着急把它放在一级导航底下!
展开全部
方法和详细的操作步骤如下:
1、第一步,打开dw软件并创建一个新文件,见下图,转到下面的步骤。
2、第二步,执行完上面的操作之后,单击“常用”选项,选择“布局”按钮,然后绘制一个图层,见下图,转到下面的步骤。
3、第三步,执行完上面的操作之后,再次单击该层并绘制另一个,看到第一层是layer1,第二层是layer2,见下图,转到下面的步骤。
4、第四步,执行完上面的操作之后,将光标放在layer1上,然后单击“插入表格”,建立一个具有一行三列且宽度为288的表,见下图,转到下面的步骤。
5、第五步,执行完上面的操作之后,在表格中输入百度经验,百度知道,百度文库,可以在属性栏中设置以下属性,见下图,转到下面的步骤。
6、第六步,执行完上面的操作之后,在第2层中输入经验首页,个人中心,小测首页,帮帮首页,然后设置以下属性,见下图。这样,就解决了这个问题了。
展开全部
您好,这是个小逻辑问题。
鼠标经过顶级栏目时触发子栏目列表,可以用: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>
想要实现其他效果继续追问。
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐于2016-03-19 · 知道合伙人数码行家
关注
展开全部
一、打开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",
二、点击 窗口-行为 菜单,打开行为面板。
三、选中第一步输入的文字,点行为面板上的+号,在弹出的菜单中选-显示弹出式菜单。
四、在弹出的对话框中勾选 Don’t show me this message again(不要再次向我提示此信息),再点 继续。
五、在下列对话框分别设置内容、外观、高级、位置选项。在 内容 选项中,点+号可以添加菜单项,-号可以删除菜单项,缩进项可以自动生成二级菜单。
六、各项都设置好后,按F12,在浏览器中预览网页效果
此时你会发现和网页同级的目录多了两个文件,分别是:arrows.gif、mm_menu.js。请勿修改、移动位置,这是弹出式菜单必须的图片、JS文件。
如需修改下拉菜单,可以选中文字,点击行为面板的 显示弹出式菜单 即可。
如果下拉菜单下面有Flash,为了不影响下拉菜单的正常效果和层次,需要给Flash添加透明代码: <param name="WMODE" value="transparent"> ,还需在embed标签中加入代码:wmode="transparent",
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询
广告 您可能关注的内容 |