网页设计菜单怎么做_网页设计导航是怎么做的

1、网页制作，慢慢下拉的菜单怎么做？

这个效果你可以通过2中途径实现，使用框架或者是使用JavaScript代码。

1.使用框架：查找框架中的二级菜单组建，如Bootstrap中的导航条中的二级菜单。下面的是一个二级下拉菜单的例子

<nav class="navbar navbar-default">
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
      <ul class="nav navbar-nav">
        <li class="active"><a href="#">Link <span class="sr-only">(current)</span></a></li>
        <li><a href="#">Link</a></li>
        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>
          <ul class="dropdown-menu">
            <li><a href="#">Action</a></li>
            <li><a href="#">Another action</a></li>
            <li><a href="#">Something else here</a></li>
            <li role="separator" class="divider"></li>
            <li><a href="#">Separated link</a></li>
            <li role="separator" class="divider"></li>
            <li><a href="#">One more separated link</a></li>
          </ul>
        </li>
      </ul>

    </div>
  </div>
</nav>

详细内容参见http://v3.bootcss.com/components/#navbar

2.使用JavaScript代码。使用jQuery的动画实现，如slideToggle()可使元素上下滑动，并且可以使用参数控制快慢。

slideToggle()请参考http://www.w3school.com.cn/jquery/jquery_slide.asp

2、网页中的按钮怎么制作下拉菜单啊?

在flash里面直接做好连接
1、建一个元件，比如命名为“按钮链接”
2、将“按钮链接”导入FLASH舞台中你设计的位置；
3、点击“按钮链接”一下哦，然后点击动作菜单/全函数/“浏览器/网络”/双击getURL
在脚本编辑栏中会出现getURL();
在括弧中输入"http://地址"，注意一定要加" " 哦，否则语法错误；
然后写入:
on(release) {
getURL("http://地址");
}
最后面给一个连接，可以参考下。有解释getURL()得具体用法。有问题欢迎留言交流，因为这里的修改次数是有限的，经常有的问题修改几次就不让在改答案了。

跳转的地址可以在本地测试,前提是网页最好在flash同目录里面,直接引用
on(release) {
getURL("网页.htm");
}

3、网页设计导航是怎么做的

1、打开Deamweaver8，新建一网页文件。接着输入以下导航菜单的内容：

<head>

<title>导航栏示例</title>

</head>

<body>

</ul>

</body>

</html>

2、此时对应效果如图：

3、接下来准备相关的导航按钮图片（可以事先利用PS制作好）。

4、然后将以下CSS代码加入到<head></head>之间：

body {text-align:center;}

#navigation

{ list-style-type:none; height:auto;}

#navigation li { width:154px; height:60px; text-align:center;

float:left; padding-top:18px;font-size:20px; font-family:"微软雅黑", "宋体", "隶书";

background-image:url(images/noactive.jpg);}

a {width:154px; height:72px;}

a:link { text-decoration:none; color:#FFFF00;}

a:visited { text-decoration:none; color:#FFFF00; }

#navigation li:hover { color:#CC0000; text-decoration:underline;

background-image:url(images/active.jpg);}

a:hover{ color:#CC0033;}

#left {background-image:url(images/left.jpg); width:22px;}

</style>

5、在加入CSS代码之间，网页此时的效果如图：

4、如何制作网页多级菜单

是可以利用dreamweaver制作的，利用它的“层”+“行为”或者spry功能制作，不过比较麻烦，估计现在没有人再去这样制作。

如果你不会编写程序的话，那么可以利用专门的网页菜单制作软件制作，也可以下载网页菜单源代码，直接粘贴在网页里就可以了。

dreamweaver也有这样的网页菜单制作插件吧，你也可以找找，制作相对来说比较简单吧。

5、网页下拉菜单怎么制作

<!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" lang="zh-CN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>css菜单演示</title>

<style type="text/css">

</style>

<script type=text/javascript><![CDATA[//><!]]></script>

</head>
<body>

<ul id="nav">
<li><a href="#">产品介绍</a>
<ul>
<li><a href="#">产品一</a></li>
<li><a href="#">产品一</a></li>
<li><a href="#">产品一</a></li>
<li><a href="#">产品一</a></li>
<li><a href="#">产品一</a></li>
<li><a href="#">产品一</a></li>
</ul>
</li>
<li><a href="#">服务介绍</a>
<ul>
<li><a href="#">服务二</a></li>
<li><a href="#">服务二</a></li>
<li><a href="#">服务二</a></li>
<li><a href="#">服务二服务二</a></li>
<li><a href="#">服务二服务二服务二</a></li>
<li><a href="#">服务二</a></li>
</ul>
</li>
<li><a href="#">成功案例</a>
<ul>
<li><a href="#">案例三</a></li>
<li><a href="#">案例</a></li>
<li><a href="#">案例三案例三</a></li>
<li><a href="#">案例三案例三案例三</a></li>
</ul>
</li>
<li><a href="#">关于我们</a>
<ul>
<li><a href="#">我们四</a></li>
<li><a href="#">我们四</a></li>
<li><a href="#">我们四</a></li>
<li><a href="#">我们四111</a></li>
</ul>
</li>

<li><a href="#">在线演示</a>
<ul>
<li><a href="#">演示</a></li>
<li><a href="#">演示</a></li>
<li><a href="#">演示</a></li>
<li><a href="#">演示演示演示</a></li>
<li><a href="#">演示演示演示</a></li>
<li><a href="#">演示演示</a></li>
<li><a href="#">演示演示演示</a></li>
<li><a href="#">演示演示演示演示演示</a></li>
</ul>
</li>
<li><a href="#">联系我们</a>
<ul>
<li><a href="#">联系联系联系联系联系</a></li>
<li><a href="#">联系联系联系</a></li>
<li><a href="#">联系</a></li>
<li><a href="#">联系联系</a></li>
<li><a href="#">联系联系</a></li>
<li><a href="#">联系联系联系</a></li>
<li><a href="#">联系联系联系</a></li>
</ul>
</li>

</ul>

</body>
</html>

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

在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

导航:首页 > 万维百科 > 网页设计菜单怎么做

网页设计菜单怎么做

与网页设计菜单怎么做相关的知识