网站简介：提供div+css网站标准化重构技术学习教程资料下载 其中包括：float,padding,margin,position,background等的使用方法
www.div-css.com 网站标准化教程资料下载
Ajax
Javascript
JSON
DOM
XML
FLASH
正则表达式
...
网站开发
数据库
服务器
网站优化
网络其它
...
选择颜色
XHTML/CSS：
标准
技术
常见问题
布局专题
CSS菜单
浏览器兼容
CSS特效欣赏
CSS中的Javascript
...
XHTML/CSS：
40757840满 ... 30614739满 45690912满 48299552新
more↓
信息资讯
相关下载
常用软件
论坛
什么是网站标准化？
> 使用XHTML对网站进行重构
> 使用CSS使表现与结构分离
> 使用DOM使行为与结构分离
首 页
Web标准化
页面设计
网站开发
数据库
服务器
站内搜索：
当前位置：
Web标准化
>>
CSS菜单
>> 正文
纯CSS的下拉菜单 支持IE6 IE7 Firefox
2007年04月16日
来源：本站原创
浏览次数：
字号：[
大
中
小
]
XHTML/CSS
标准
教程
技术文章
常见问题
布局教程专题
CSS菜单
浏览器兼容
滚动条相关
圆角矩形专题
CSS特效欣赏专题
AJAX
AJAX教程
AJAX技术
Javascript
JSON
技术文章
DOM
XML
正则表达式
正则表达式简介
正则表达式之道
网站优化
电脑网络
建站技术
PHP
ASP
ASP.NET
JSP
SQL
Flash
Dreamweaver
www.div-css.com 网站标准化 2007-4-16
css drop down menu
<!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>
加入收藏
打印本页
关闭窗口
返回顶部
本文地址：http://localhost/html/standard/menu/4648956343.html
推荐
纯CSS的下拉菜单 支持IE6 IE7 Firefox
信息资讯
Dreamweaver CS4 Prerelease发布
微软首度反思长期策略：8年前.NET战略很天真
谷歌宣布投资Discuz！100万美元
世界十大数据库排行榜
倪光南:开源软件与开放标准
微软欲3月发布IE8测试版 重在遵循Web标准
2006年各种主流CMS系统的比较和汇总
