导航:首页 > 万维百科 > 网页设计菜单子菜单

网页设计菜单子菜单

 发布时间：2021-01-20 02:09:17

1、网页制作中如何做下拉菜单

在Dreamweaver中轻松实现滑动折叠菜单-太平洋电脑网
http://www.pconline.com.cn/pce/sj/wz/dreamweaver/0603/776492_2.html

Dreamweaver MX 2004简体中文版进阶教程(三)之弹出菜单-中华网科技频道
http://tech.china.com/zh_cn/netschool/homepage/dreamweaver/develop/2005061503.html

蓝色理想 - 下拉菜单全攻略
http://www.blueidea.com/tech/web/2003/301.asp

2、如何制作网页首页导航菜单显示二级菜单

<!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=utf-8" />
<title>无标题文档</title>
<style>
.sever{ margin-top:4px;}
.sever_menu{ width:213px; background:#99ABB9;}
.sever_menu a{ display:block; }
.sever_menu img{ *margin-bottom:-2px;}

.help_menu,.help_menu_main{ line-height:25px; }
.help_menu{ height:25px; background:#4AC5E8; border-bottom:1px solid #99ABB9;text-indent:57px;}
.help_menu a{ background:url(../images/help_arr.jpg) no-repeat 43px center;}
#sever_left .help_menu:hover a{ color:#fff;}
.help_menu .hover{ background:url(../images/help_hover_arr.jpg) no-repeat 43px center; color:#FFFFFF;}
.help_menu_main ul{ text-indent:63px;}
.help_menu_main ul li{ border-bottom:1px solid #B3BFCB;}
.help_menu_main ul li a{ color:#fff;}

</style>
<script>
// JavaScript Document

function setTab(name,cursel,n){
for(i=1;i<=n;i++){
var menu=document.getElementById(name+i);
var con=document.getElementById("con_"+name+"_"+i);
menu.className=i==cursel?"hover":"";
con.style.display=i==cursel?"block":"none";
}
}
//-->
</script>
</head>

<body>
<div class="sever">
<div class="sever_menu L" id="sever_left">
<img src="images/sever_help.jpg" />
<div class="help_menu"><a id="help1" onclick="setTab('help',1,9)" class="hover">新手上路</a></div>
<div id="con_help_1" class="help_menu_main">
<ul>
<li><a href="#">·注册/登录</a></li>
<li><a href="#">·发布信息</a></li>
<li><a href="#">·网上防骗</a></li>
<li><a href="#">·常见问题</a></li>
</ul>
</div>
<div class="help_menu"><a id="help2" onclick="setTab('help',2,9)">如何销售</a></div>
<div id="con_help_2" class="help_menu_main" style="display:none">
<ul>
<li><a href="#">·注册/登录</a></li>
<li><a href="#">·发布信息</a></li>
<li><a href="#">·网上防骗</a></li>
<li><a href="#">·常见问题</a></li>
</ul>
</div>
<div class="help_menu"><a id="help3" onclick="setTab('help',3,9)">如何采购</a></div>
<div id="con_help_3" class="help_menu_main" style="display:none">
<ul>
<li><a href="#">·注册/登录</a></li>
<li><a href="#">·发布信息</a></li>
<li><a href="#">·网上防骗</a></li>
<li><a href="#">·常见问题</a></li>
</ul>
</div>
<div class="help_menu"><a id="help4" onclick="setTab('help',4,9)">交易安全</a></div>
<div id="con_help_4" class="help_menu_main" style="display:none">
<ul>
<li><a href="#">·注册/登录</a></li>
<li><a href="#">·发布信息</a></li>
<li><a href="#">·网上防骗</a></li>
<li><a href="#">·常见问题</a></li>
</ul>
</div>
<div class="help_menu"><a id="help5" onclick="setTab('help',5,9)">操作指南</a></div>
<div id="con_help_5" class="help_menu_main" style="display:none">
<ul>
<li><a href="#">·注册/登录</a></li>
<li><a href="#">·发布信息</a></li>
<li><a href="#">·网上防骗</a></li>
<li><a href="#">·常见问题</a></li>
</ul>
</div>
<div class="help_menu"><a id="help6" onclick="setTab('help',6,9)">商人通服务</a></div>
<div id="con_help_6" class="help_menu_main" style="display:none">
<ul>
<li><a href="#">·注册/登录</a></li>
<li><a href="#">·发布信息</a></li>
<li><a href="#">·网上防骗</a></li>
<li><a href="#">·常见问题</a></li>
</ul>
</div>
<div class="help_menu"><a id="help7" onclick="setTab('help',7,9)">商业资讯</a></div>
<div id="con_help_7" class="help_menu_main" style="display:none">
<ul>
<li><a href="#">·注册/登录</a></li>
<li><a href="#">·发布信息</a></li>
<li><a href="#">·网上防骗</a></li>
<li><a href="#">·常见问题</a></li>
</ul>
</div>
<div class="help_menu"><a id="help8" onclick="setTab('help',8,9)">展会帮助</a></div>
<div id="con_help_8" class="help_menu_main" style="display:none">
<ul>
<li><a href="#">·注册/登录</a></li>
<li><a href="#">·发布信息</a></li>
<li><a href="#">·网上防骗</a></li>
<li><a href="#">·常见问题</a></li>
</ul>
</div>
<div class="help_menu"><a id="help9" onclick="setTab('help',9,9)">广告帮助</a></div>
<div id="con_help_9" class="help_menu_main" style="display:none">
<ul>
<li><a href="#">·注册/登录</a></li>
<li><a href="#">·发布信息</a></li>
<li><a href="#">·网上防骗</a></li>
<li><a href="#">·常见问题</a></li>
</ul>
</div>

</div>

</div>
</body>
</html>

这个拿去参考一下吧~~

3、html网页下拉菜单设计问题

left: -999em 应该是无限的向左缩进吧 你又写了left：5px； 应该是和其他的样式表属性有冲突仔细检查下吧 用firebug 很简单的说

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

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

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

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

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

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

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

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

5、网页设计：下拉菜单的十几种表现形式

网页设计或者应用UI网页设计中经常会出现下拉菜单，主要是会将不常用的同类选项或者提醒放置其中，如何设计下拉菜单，网页设计出图片以及裁剪后的大小，然后后台再把这些做起来，这些作品或许能给你启发。下面先看下这些作品的设计风格，我相信会对你们有大的启发的，设计感实在是需要慢慢的积累创新的，时代进步不得不把我们带的进步。具体内容可以参看百家号

6、网页制作下拉列表菜单的问题

<!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=utf-8" />
<title>Untitled Document</title>

</head>

<body>

<form NAME="myform1" action="index2.htm">
<div align="center"><center>
<p>     
<select name="d" size="1">
<option selected="selected" value="选项 ">女生座</option>
<option value="1">白羊座</option>
<option value="2">双鱼座</option>
</select>
     vs   
<select NAME="d" SIZE="1">
<option selected value="选项 ">男生座</option>
<option value="3">白羊座</option>
<option value="4">双鱼座</option>
</select>
   
<input name="Submit" TYPE="submit" onClick=".HTM" VALUE=" go "> </p>
</center></div>
</form>

<p> </p>
</body>
</html>

7、网页制作中，如何做二级菜单（就是鼠标滑过去才有显示）

你说的是把鼠标搁置在某个控件上停留一会，然后弹出快捷菜单吗？

其实我无形中已经告诉你办法了，鼠标事件选择“载入”或者“显示”，事件代码就是“弹出快捷菜单”并写上快捷菜单显示内容

8、jsp网页制作子菜单

其实原理都是一样的，只是说你所看到的很多是用了一些美化，而不是你所版说的花哨。权大部分都是用js实现的，http://www.zcool.com.cn/search_gfx.do?s_type=2&k=%E8%8F%9C%E5%8D%95这个网址里特别多，希望能找到你想要的

9、网页设计中，怎么实现利用层实现制作下拉菜单？ 要详细步骤。

这里有一个js的多级联动下拉菜单
可以自定义位置和样式 比较实用
里面有教程和源码

与网页设计菜单子菜单相关的知识