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

 我来答
59分粑粑分享生活
高粉答主

2020-05-23 · 专注生活好物分享,解答日常方方面面的问题
59分粑粑分享生活
采纳数:326 获赞数:119825

向TA提问 私信TA
展开全部

方法和详细的操作步骤如下:

1、第一步,打开dw软件并创建一个新文件,见下图,转到下面的步骤。

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

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

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

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

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

游奈新
推荐于2017-12-16 · TA获得超过1571个赞
知道大有可为答主
回答量:2250
采纳率:75%
帮助的人:1312万
展开全部

您好,这是个小逻辑问题。

鼠标经过顶级栏目时触发子栏目列表,可以用: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>

想要实现其他效果继续追问。

本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
day忘不掉的痛
推荐于2016-03-19 · 知道合伙人数码行家
day忘不掉的痛
知道合伙人数码行家
采纳数:62646 获赞数:223939
本人担任公司网络部总经理多年,有充足的网络经验、互联网相关知识和资讯。

向TA提问 私信TA
展开全部
一、打开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",
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(1)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式