当前位置:首页 > DIV+CSS教程 > 正文

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

作者:不详 来源:source 【 】 浏览: 添加日期:2008-03-28 我要评论(20)     

以前发过一个演示,下拉及多级弹出式菜单仅供学习之用,实际应用中还存在些问题,被会员kl521516发现当下拉菜单下有内容时会把内容挤跑,小A改成了绝对定位的方式,虽然可以解决挤跑的问题,但在IE6下新的问题又出现了,就是下拉菜单下边的选不中,本人对JS不太熟悉,今天又找了个没问题的,上传上面供大家分享。
 


标准之路www.aa25.cn 提示:可以先修改部分代码后再运行

(如果您觉得本站不错,请告诉身边的朋友,或转载到论坛、百度知道、贴吧等,记得带网址哟,不胜感激!)

〖DIV+CSS教程〗Tags: 导航 菜单

所属专题:导航菜单

更多评论(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
我自己编写时,当移动到一级菜单上时二级菜单显示在右边,请问控制这个位置的代码是哪几句

出差旅游免费预订酒店

【视频教程】新手常见问题