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

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

收藏 0赞 0分享

https://cdn.zhanzhang360.cn/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的下拉菜单

IE 5.x/Win 和模型bug

各浏览器padding、margin的差异

IE浮动边界BUG延伸探讨

[转]目前找到的最好的Iframe自适应高度代码

Web Safe Color Pallette

网站制作之网页技巧

http状态码一览表

从Table向Css过渡的优缺点比较

不用float实现div模块居中布局

解决列高度自适应(相同)的五种方法

网络赚钱

站长故事