ydzf.net
当前位置:首页 >> DW CSS下拉横向菜单 >>

DW CSS下拉横向菜单

纯css是实现不了的,要配合js

很简单啊,你知道用无序列表吗? 如果不知道的话,你就这样吧,你给导航条中的“中国”设置个事件onmouseover,一到你鼠标悬停到上面就显示那个下拉菜单,那个下拉菜单用个层来控制,这个要用到层的显示与隐藏!

你把自己喜欢的网站 扣下来html代码、css之类的,再修改下就可以了 右键----查看源码

你这个问题太笼统了.若你指的是布局,按你页面整体内容来设置就行了,别人也看不到你的网页是什么样子.如果你是指每个菜单的显示方式(比如下拉式或弹出式),这要按你自己喜欢或针对不同用户群的习惯来设置.

一、首先,打开dreamweaver或其它编辑器(注:Ctrl+N 新建)二、接着,写代码html>横排二级下拉菜单 栏目一 二级栏目 二级栏目 二级栏目 二级栏目 栏目二 二级栏目 二级栏目 二级栏目 二级栏目 栏目三 二级栏目 二级栏目 二级栏目 二级栏目 二级栏目 栏目四 栏目五三、最后,效果图四、注意:这种写法不支持IE6浏览器,IE6只支持a下的hover,所以无法实现正确的显示,但是微软已经将IE6浏览器淘汰了,但是如果您还在使用,那么请添加相应的js实现.

其实觉得用DW做挺麻烦的,我是直接用CSS编写的,给你源代码吧.(给了注释的,挺详细的,不懂再问哈~~) BODY部分<ul id="nav2"><li><a href="">文章</a><ul> <li><a href="">CSS教程</a></li> <li><a href="">DOM教程</a></li

一、 导航条的制作 首先进行一些必要的前期工作,按CTRL+J,打开Page Properties(页面属性)窗口,参数设置如图二,这一设置对菜单的位置将有影响,所以请如图设置. 按CTRL+F2打开Objects面板,点击层[img=20,20]file:///G:/程

在DW里点击拆分,在设计视图里点击你所需代码的图片区域,确定点到的是那个下拉菜单,看代码视图里会有相应的蓝色选中区域,这段代码就是你要的,复制它,粘到你所需这段代码的子页面里,注意代码位置就可以了.希望对你有所帮助!

如果是导航菜单可以使用ul无需列表来制作 同时使用CSS中的float:left来控制li靠左浮动即可实现横向菜单 注意UL或UL的父级容器宽度必须大于所有li宽度的和 例如<style> ul { padding:0; margin:0; list-style:none; width:600px; height:50px; line-

DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> http://www.w3.org/1999/xhtml"> 二级菜单 /* 整体设置*/ #menu { margin:0; padding:0; width:610px; list-style-

网站首页 | 网站地图
All rights reserved Powered by www.ydzf.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com