支持IE6 IE7 Firefox 的纯CSS的下拉菜单

所属分类：网络编程 / CSS/HTML 阅读数： 1736

收藏 0赞 0分享

https://zhanzhang360.qulang.net/imgupload/001697/20081130212136171.jpg

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" c /> <title>纯CSS的下拉菜单 支持IE6 IE7 Firefox </title>  </head> <body> <div class="menu"> <ul> <li><a href="">XHTML/CSS </a>  <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>  </li> <li><a href="">AJAX </a>  <ul> <li><a href="">AJAX教程</a></li> <li><a href="">AJAX技术</a></li> </ul>  </li> <li><a href="">Javascript </a>  <ul> <li><a href="">JSON</a></li> <li><a href="">技术文章</a></li> </ul>  </li> <li><a href="">DOM</a></li> <li><a href="">XML</a></li> <li><a href="">正则表达式 </a>  <ul> <li><a href="">正则表达式简介</a></li> <li><a href="">正则表达式之道</a></li> </ul>  </li> <li><a href="">网站优化</a></li> <li><a href="">电脑网络</a></li> <li><a href="">建站技术 </a>  <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>  </li> </ul> </div>  <a href="https://www.jb51.net" target="_blank"> 2007-4-16</a> css drop down menu </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

更多精彩内容其他人还在看

支持IE6 IE7 Firefox 的纯CSS的下拉菜单

Mozilla建议的CSS书写顺序

微软终于对网页三剑客下手了

div＋css布局入门

HTML中的数据绑定

CSS定义通用透明效果

一段巧妙的css debug代码

display&position

布局遇到的问题非常不错的见解

表格斜线

利用CSS控制SELECT中的OPTION是否不允许选

网络赚钱

站长故事

支持IE6 IE7 Firefox 的纯CSS的下拉菜单

Mozilla建议的CSS书写顺序

微软终于对网页三剑客下手了

div＋css布局入门

HTML中的数据绑定

CSS定义通用透明效果

一段巧妙的css debug代码

display&position

布局遇到的问题 非常不错的见解

表格斜线

利用CSS控制SELECT中的OPTION是否不允许选

网络赚钱

站长故事

布局遇到的问题非常不错的见解