用css制作的导航菜单[修正版]

共有 20 位网友发表了评论　我要评论..

lmhzmr(123.145.*.*) 发表于：2011-08-25 14:20:38

网站的CSS教程非常好，是在百度中搜索到了，谢谢站长了，资源分享太好了，一直对CSS不是很熟悉，现在，看了资料，再学习下，可以入门了。

306307497(111.78.*.*) 发表于：2011-06-07 17:26:06

站长 我们在定义全局样式的时候 用*号定义还是用BODY定义好啊 两种效果一样吗？

管理员回复：不一样，不建议用*

jennus(124.228.*.*) 发表于：2011-04-15 10:15:58

站长，我用多个浏览器测试了你的代码，发现IE8好像还是有点问题，经常会出现二级导航无法选中的问题，一闪而过。好像刚好选中二级列表中的文字时或者快速选中二级列表则会成功。加上鼠标悬停响应延迟是否会好些？

feng19881111(218.107.*.*) 发表于：2010-12-15 14:26:39

我发现一个问题，那个二级菜单，下面<div style="clear:both;">看看这一行内容会不会被挤跑－－www.aa25.cn</div>有这种东西就话，就会有点不稳定，鼠标移下去的时候那个二级菜单会消失

管理员回复：你说的移下去指移到什么位置？

fenglanbing(182.89.*.*) 发表于：2010-12-10 00:15:14

站长,你好,我今天下午在标准之路上,看到一个右边 竖直导航,通过点击,左边的内容框出现不同内容的示例,晚上回来想继续学习,但是标准之路太多内容,我找了半天找不到了,请站长帮忙,先谢谢了!

管理员回复：我也不太清楚你说的是哪个，你可以看看你浏览器的历史记录

redlove(58.23.*.*) 发表于：2010-08-17 21:50:00

#nav li ul { line-height: 27px; list-style-type: none;text-align:left; left: -999em; width: 180px; position: absolute; } left: -999em;这个我不明白，可以帮我讲解一下吗？求助

管理员回复：让它显示在向左很远的位置，这样不就看不到了，当鼠标放上时让它显示在正常位置。只不过是实现的一种方法，并不一定非得隐藏才能实现

keely(119.57.*.*) 发表于：2010-08-11 17:27:07

QQ加怎么都加不了呀？着急

管理员回复：都满了么？

css(221.10.*.*) 发表于：2010-08-05 12:04:38

我自己编写时，当移动到一级菜单上时二级菜单显示在右边，请问控制这个位置的代码是哪几句

a383389174(222.244.*.*) 发表于：2010-04-29 14:32:31

感谢站长，在这里学习到了很多。如何使这个导航条居中呢*{margin:0;padding:0;border:0;}这句是不是限制了下面写上去的居中设置，如果要实现 如何实现呢

管理员回复：请查阅这篇文章http://www.aa25.cn/div_css/875.shtml

loveyang(121.28.*.*) 发表于：2010-04-29 08:55:03

我怎么找不到你说的这个错误啊！~？

管理员回复：哪个错误或

comicwen(219.140.*.*) 发表于：2010-04-25 14:03:02

我用的IE8的浏览器。运行这个菜单，前面三个，底下有文字的，经常会出现无法选中下拉菜单的情况，鼠标一移出，下拉列表就关闭了。 后面三个菜单是正常的。

管理员回复：我在IE8下显示正常呀

kstg(114.92.*.*) 发表于：2010-03-17 03:21:40

管理能不能整个鼠标悬停在某个目录时，其他目录变下颜色，不要加进js代码，谢谢

管理员回复：这个不用js好像是实现不了的

kstg(114.92.*.*) 发表于：2010-03-17 03:15:03

哈哈，终于被我找到了，最近做系统要类似这样的导航，自己以前没接触过css，管理真帮了我一大忙.

管理员回复：找到就好

dk(58.60.*.*) 发表于：2010-03-05 17:23:21

能不能更新一下：在鼠标悬停在子目录的时候主目录也有效果

管理员回复：这样的话可能需要借助js来实现了

艾妮儿(125.33.*.*) 发表于：2010-02-27 16:16:21

出问题了，点击一个下拉的链接后，再点击其他下拉菜单时，为什么第一个下拉不自动隐藏

管理员回复：你用的什么浏览器，我这儿正常呀

vbc(125.112.*.*) 发表于：2010-02-20 15:47:49

不知道为什么，开始我觉得还好理解，后面的文章越来越看不懂了，比如#nav li ul a为什么要定义这么多，而且分开组合那么多次重新定义，定义的时候，实际操作应该怎么样？是在Dreamweaver的一个div里面重复增加多个不同的css选择器吗？可是确定后出来的不是这种效果啊，#nav li ul a中，后面的li ul a都有自己打代码打进去吗？。。。。好像有好多都讲的不清楚哦，教程到了有导航的地方就跨越太大了，后面理解起来好吃力。

管理员回复：这些教程是08年出的，再出教程会提供更多的截图，更详细的步骤

asp(183.184.*.*) 发表于：2009-12-16 22:35:57

如何改变整个菜单的宽度呢？

管理员回复：宽度父元素的宽度或定义li的宽度

手心太阳(218.242.*.*) 发表于：2009-04-30 15:13:03

管理员你好~ 时隔几个月我再次回来~ 对CSS有了一定的掌握 但是我发现了这段代码的一个问题 页面刚刷新完，这几个菜单是可以来回切换，但是一旦鼠标在空白处点几下，问题就出来了，导航菜单的下拉菜单，鼠标放上去再移走，菜单不消失了！！！一定要把鼠标放回顶部的主目录才能使下拉菜单消失 我分析一下可能是JS的原因 可是我看不太懂 希望管理员能帮我解答，谢谢

管理员回复：这篇文章是转载，我对js也不太懂。

手心太阳(221.137.*.*) 发表于：2008-12-16 19:56:11

你好，管理员同志，非常感谢您的指引，不知道这一页面，能否详细讲解下。期待...

管理员回复：这个是有点复杂，你最好先把基础打牢再研究这个

手心太阳(221.137.*.*) 发表于：2008-12-16 19:48:04

这个不错 确实是不会挤跑，能不能解释下哪断代码包含的是“下拉菜单的块状的大小”

管理员回复：下拉菜单的块状的大小是什么意思？