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

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

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

推荐深入理解css中的position定位和z-index属性

不错的10个你未必知道的CSS技巧

一点小小的创意css鼠标放上去则显示电话号码

固定表格的高度超过指定高度就隐藏的方法

推荐个Css的filter常用滤波器属性及语句大全

淘宝段正淳的css笔记大全第1/4页

CSS实现的一个图片放大展示的一种思路

用css滤镜实现的文字描边效果的代码

用css实现的带阴影的表格效果的代码

又一实用的常用CSS缩写语法收集

网络赚钱

站长故事