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

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

收藏 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的下拉菜单

CHM集锦(CHM)

IE与FireFox的兼容性问题

DIV 居中的绝好解决方法

解决 select 挡住div的解决方法

网站首页head区代码规范

动态更改网页HTML元素(对象)内容

如何处理多国语言

Firefox CSS私有属性备忘记录

CSS兼容要点分析

css静态滤镜 + A:Hover

网络赚钱

站长故事