＞
设为首页
＞
收藏本站
＞
最新电影
首页
运营资讯
今日英语
图形图像
计算机技术
Asp编程
网站结构化
资源共享
休闲娱乐
访问新站
> 子栏目
Asp
|
Jsp
|
XML
|
XSL
|
Div+Css
|
自定义函数
|
数据库
|
脚本特效
您现在的位置：
首页
=>
后台技术
=>
div+css
订阅本栏目
纯CSS的下拉菜单 支持IE6 IE7 Firefox
时间： 2007-09-27 11:26:08 阅读次数：2498
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <!-- www.div-css.com 网站标准化 2007-4-16 --> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>纯CSS的下拉菜单 支持IE6 IE7 Firefox --www.div-css.com 网站标准化</title> <style type="text/css"> *{margin:0;padding:0;} .menu{font-size:12px;position:relative;z-index:100;} .menu ul{list-style:none;} .menu li {float:left;position:relative;} .menu ul ul {visibility:hidden;position:absolute;left:3px;top:23px;} .menu table {position:absolute; top:0; left:0;} .menu ul li:hover ul, .menu ul a:hover ul{visibility:visible;} .menu a{display:block;border:1px solid #aaa;background:red;padding:2px 10px;margin:3px;color:#fff;text-decoration:none;} .menu a:hover{background:#f2cdb0;color:#f00;border:1px solid red;} .menu ul ul{} .menu ul ul li {clear:both;text-align:left;font-size:12px;} .menu ul ul li a{display:block;width:100px;height:13px;margin:0;border:0;border-bottom:1px solid red;} .menu ul ul li a:hover{border:0;background:#f2cdb0;border-bottom:1px solid #fff;} </style> </head> <body> <div class="menu"> <ul> <li><a href="">XHTML/CSS <!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]--> <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="">CSS菜单</a></li> <li><a href="">浏览器兼容</a></li> <li><a href="">滚动条相关</a></li> <li><a href="">圆角矩形专题</a></li> <li><a href="">CSS特效欣赏专题</a></li> </ul> <!--[if lte IE 6]></td></tr></table></a><![endif]--> </li> <li><a href="">AJAX <!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]--> <ul> <li><a href="">AJAX教程</a></li> <li><a href="">AJAX技术</a></li> </ul> <!--[if lte IE 6]></td></tr></table></a><![endif]--> </li> <li><a href="">Javascript <!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]--> <ul> <li><a href="">JSON</a></li> <li><a href="">技术文章</a></li> </ul> <!--[if lte IE 6]></td></tr></table></a><![endif]--> </li> <li><a href="">DOM</a></li> <li><a href="">XML</a></li> <li><a href="">正则表达式 <!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]--> <ul> <li><a href="">正则表达式简介</a></li> <li><a href="">正则表达式之道</a></li> </ul> <!--[if lte IE 6]></td></tr></table></a><![endif]--> </li> <li><a href="">网站优化</a></li> <li><a href="">电脑网络</a></li> <li><a href="">建站技术 <!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]--> <ul> <li><a href="">PHP</a></li> <li><a href="">ASP</a></li> <li><a href="">ASP.NET</a></li> <li><a href="">JSP</a></li> <li><a href="">SQL</a></li> <li><a href="">Flash</a></li> <li><a href="">Dreamweaver</a></li> </ul> <!--[if lte IE 6]></td></tr></table></a><![endif]--> </li> </ul> </div> <br /><br /> <a href="http://www.div-css.com" target="_blank">www.div-css.com 网站标准化 2007-4-16</a> css drop down menu </body> </html>
提示：您可以先修改部分代码再运行
飞飞Asp技术乐，园
站内搜索
：
标题
内容
下一篇
跨浏览器的CSS固定定位
上一篇
多点调用的 选项卡
本栏目最新
栏目最新列表
微软IE调试工具：SuperPreview for IE(ie6
精选15个国外最流行的CSS框架
CSS2 Media类型使用方法及简介（@Media）
浏览器排版/布局 图片下方出现空隙的问题
使用IE浏览器a链接失效（不能点击）的解决方
网站优化策划
栏目最新列表
增加网站外链的快速方法
网站上线前必做的30个检查
新的友情链接参考标准（没有google的PR情况
优化Google的AdSense广告的五个工具
王通讲SEO八大基础
站点最新
站点最新列表
微博推广的一些技巧
xhEditor v1.1.7 发布，
收集的一些轻量级非常实
50个新鲜兼容最新版本的
javascript中cookie的设
Excel中出现#VALUE!、#D
jquery插件:飞飞表情插件
十个使用HTML5开发的精彩
支持HTML5的浏览器有哪些
飞妮莫属:漫画：如何写出
历史最热10条信息
AWStats安装QQ传真IP插件
MIME介绍 及
[
1
] [
2
] [
3
]
巧用Google和迅雷来下载
Transact SQL 常
[
1
] [
2
]
VIA Rhine II Fast Ethe
电脑常用端
[
1
] [
2
] [
3
]
Do you get a kick out
十道羊皮卷 欣赏+mp3版+
每日一句：A friend and
经典__悟透JavaScript
相关文章
省市二级级联菜单
可以拖动的菜单
CSS制作横向菜单
浮动隐藏菜单
省市级联菜单（二级
纯CSS的下拉菜单 支
树型菜单做法
渐隐菜单
自动收缩的菜单
极品导航菜单
伟哥博客
西安房产
123最新电影
三四六四
关于站点
|
免责声明
|
联系站长
|
网站地图
|
陕ICP备07002804号
WEB技术QQ交流群：72840059
©2007 ffasp.com. 版权所有
