请问怎样做导航栏的下拉菜单？

发布网友发布时间：2022-04-21 07:08

共5个回答

热心网友时间：2022-06-18 15:15

一般来讲实现导航栏指定是采用绝对定位的方式。示例代码如下：
<div class="nav">这里是导航所在的DIV容器。</div>

CSS代码：

.nav{
position:fixed; /* 绝对定位，fixed是相对于浏览器窗口定位。 */
top:0; /* 距离窗口顶部距离 */
left:0; /* 距离窗口左边的距离 */
width:100%; /* 宽度设置为100% */
height:40px; /* 高度 */
z-index:99; /* 层叠顺序，数值越大就越高。页面滚动的时候就不会被其他内容所遮挡。 */
}
设置方式，原理及大致内容请看css代码注释。

热心网友时间：2022-06-18 15:15

下拉有很多中呀。。比如纯CSS的你可以用
<ul>
<li><a>一级菜单</a>
<ul>
<li><a>二级菜单</a>
<ul>
<li><a>*菜单</a></li>
</ul>
</li>
</ul>
</li>
<ul>
这种的话，你只要好好写 CSS做好各浏览器的兼容就好
第2种就是JS+div-css或者TAB+JS
这个就是给你要显示的2级栏目设个ID值，同过 JS控制ID所在标签的样式display:none;或者display:block;

热心网友时间：2022-06-18 15:15

制作导航的下拉菜单，首先用div+css布局，并隐藏下拉列表；
其次运用jQuery实现鼠标经过显示列表，首先引用jQuery文件，找到父标签及需要下拉的标签，运用toggle，或者fadeIn和fadeOut，或者slideDown和slideUp;

热心网友时间：2022-06-18 15:16

下拉框简单多的都是用ul里里面嵌套ul，在用JS控制鼠标指上去的事件让下面ul显示出来，就这么简单，动画效果，无非就是JQ的动画效果，都有现成的方法直接调用就可以了

热心网友时间：2022-06-18 15:17

你用什么软件，dreamweaver不用代码也可以做啊，很简单，要具体方法么