网站简介：提供div+css网站标准化重构技术学习教程资料下载 其中包括：float,padding,margin,position,background等的使用方法
www.div-css.com 网站标准化教程资料下载
Ajax
Javascript
DOM
XML
正则表达式
网站优化
...
PHP
ASP
Python
JSP
SQL
Flash
建站相关
电脑网络
...
选择颜色
XHTML/CSS：
标准
技术
常见问题
布局教程
CSS菜单
浏览器兼容
CSS特效欣赏
CSS中的Javascript
...
XHTML/CSS：
40757840满 ... ... 30614739满 30614856将满 22077915新
more↓
信息资讯
相关下载
常用软件
论坛
什么是网站标准化？
> 使用XHTML对网站进行重构
> 使用CSS使表现与结构分离
> 使用DOM使行为与结构分离
栏目导航
XHTML/CSS
├ 标准
├ 技术文章
├ 常见问题
├ 布局教程专题
├ CSS菜单
├ 浏览器兼容
└ CSS特效欣赏专题
AJAX
├ AJAX教程
└ AJAX技术
JavaScript
├JSON
└技术文章
DOM
XML
正则表达式
├正则表达式简介
└正则表达式之道
网站优化
电脑网络
建站技术
├PHP
├ASP
├ASP.NET
├JSP
├SQL
├Flash
├Dreamweaver
└综合
当前位置：
网站标准化
>>
XHTML/CSS
>>
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>
上篇：没有了
下篇：没有了