支持多种浏览器的纯css下拉菜单
<!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" content="text/html; charset=gb2312" />
<meta name="keywords" content="站长,网页特效,js特效,广告代码,zzjs,zzjs.net,sky,www.zzjs.net,站长特效 网" />
<meta name="description" content="www.zzjs.net,站长特效网，站长必备js特效及广告代码。大量高质量js特效，提供高质量广告代码下载,尽在站长特效网" />
<title>支持多种浏览器的纯CSS下拉菜单，sky整理收集。</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>
<a href="<#ZC_BLOG_HOST#>">站长特效网</a>,站长必备的高质量网页特效和广告代码。zzjs.net，站长js特效。<hr>
<!--欢迎来到站长特效网，我们网站收集大量高质量js特效，提供许多广告代码下载，网址：www.zzjs.net，zzjs@msn.com,用.net打造靓站-->
<div class="menu">
<ul>
<li><a href="http://zzjs.net/">XHTML/CSS
<!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="http://zzjs.net/">标准</a></li>
<li><a href="http://zzjs.net/">教程</a></li>
<li><a href="http://zzjs.net/">技术文章</a></li>
<li><a href="http://zzjs.net/">常见问题</a></li>
<li><a href="http://zzjs.net/">布局教程专题</a></li>
<li><a href="http://zzjs.net/">CSS菜单</a></li>
<li><a href="http://zzjs.net/">浏览器兼容</a></li>
<li><a href="http://zzjs.net/">滚动条相关</a></li>
<li><a href="http://zzjs.net/">圆角矩形专题</a></li>
<li><a href="http://zzjs.net/">CSS特效欣赏专题</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="http://zzjs.net/">站长特效网
<!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="http://zzjs.net/">网站首页</a></li>
<li><a href="http://zzjs.net/?cat=1">zzjs</a></li>
<li><a href="http://zzjs.net/?cat=2">网页特效</a></li>
<li><a href="http://zzjs.net/?cat=3">广告代码</a></li>
<li><a href="http://zzjs.net/">rss订阅</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="http://zzjs.net/">javascript
<!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="http://zzjs.net/?cat=1">JSON</a></li>
<li><a href="http://zzjs.net/?cat=2">技术文章</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="http://zzjs.net/">DOM</a></li>
<li><a href="http://zzjs.net/">XML</a></li>
<li><a href="http://zzjs.net/">正则表达式
<!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="http://zzjs.net/">正则表达式简介</a></li>
<li><a href="http://zzjs.net/">正则表达式之道</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="http://zzjs.net/">网站优化</a></li>
<li><a href="http://zzjs.net/">电脑网络</a></li>
<li><a href="http://zzjs.net/">建站技术
<!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="http://zzjs.net/?cat=2">PHP</a></li>
<li><a href="http://zzjs.net/">ASP</a></li>
<li><a href="http://zzjs.net/?cat=2">ASP.NET</a></li>
<li><a href="http://zzjs.net/?cat=2">JSP</a></li>
<li><a href="http://zzjs.net/?cat=2">SQL</a></li>
<li><a href="http://zzjs.net/?cat=3">Flash</a></li>
<li><a href="http://zzjs.net/?cat=1">Dreamweaver</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
</ul>
</div>
</body>
</html>
最新文章
- 学习廖雪峰的git教程
- 15.linux按键驱动程序（二）
- Java Io 字符流
- python数据结构与算法——快速排序
- 手动建立数据库连接的BaseDAO
- Oracle EBS-SQL (PO-14):检查报价单与成本对比.sql
- POJ 1002 UVA 755 487--3279 电话排序 简单但不容易的水题
- C# 在iis windows authentication身份验证下，如何实现域用户自动登录
- 举例详解Python中的split()函数的使用方法
- HyperLogLog算法
- 使用js请求Servlet时的路径
- zabbix之 自定义(指定特定磁盘)监控io
- git的使用笔记
- spring自带的定时任务功能@EnableScheduling
- sql查询 !='' 和 is not null的区别
- pythonl类继承例子
- 监听checkbox事件
- jaegeropentracing的Java-client
- 解决Android NDK 报jxxx编译找不到
- 伪变量foo foober是什么意思
热门文章
- ScriptManager.RegisterStartupScript方法和Page.ClientScript.RegisterStartupScript() 区别
- Android安卓开发环境搭建详细教程
- Spring框架学习之第3节
- sql server UI怎么设置自增加id?
- Struts2笔记——通配符和动态方法调用
- Model元数据解析
- openfire插件开发1
- installation and configuration of OpenCV4Android SDK
- HDU 4630 No Pain No Game 树状数组+离线查询
- json 字符串转换成对象,对象转换成json字符串