📄 dd.htm
字号:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>纯CSS的下拉菜单 支持IE6 IE7 Firefox --www.div-css.com 网站标准化</title>
<meta name="GENERATOR" content="Microsoft Visual Studio .NET 7.1">
<meta name="ProgId" content="VisualStudio.HTML">
<meta name="Originator" content="Microsoft Visual Studio .NET 7.1">
<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>
<script id="clientEventHandlersJS" language="javascript">
<!--
function A1_onclick() {
}
var oPopup = window.createPopup();
function richContext()
{
var lefter2 = event.offsetY+0;
var topper2 = event.offsetX+15;
oPopup.document.body.innerHTML = oContext2.innerHTML;
oPopup.show(topper2, lefter2, 210, 84, contextobox);
}
//-->
</script>
</head>
<body>
<div class="menu">
<ul>
<li>
<a href="">XHTML/CSS<!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]>
<TABLE>
<TBODY>
<TR>
<TD><![endif]-->
<ul>
<li>
<a href="">标准</a></li>
<li>
<a href="">技术文章</a> <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> <!--[if lte IE 6]></TD></TR></TBODY></TABLE></A><![endif]-->
</li>
<li>
<a href="">Ajax<!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]>
<TABLE>
<TBODY>
<TR>
<TD><![endif]-->
<ul>
<li>
<a href="">AJAX教程</a></li>
<li>
<a href="">AJAX技术</a></li>
</ul> <!--[if lte IE 6]></TD></TR></TBODY></TABLE></A><![endif]-->
</li>
<li>
<a href="">javascript<!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]>
<TABLE>
<TBODY>
<TR>
<TD><![endif]-->
<ul>
<li>
<a href="">JSON</a></li>
<li>
<a href="">技术文章</a></li>
</ul> <!--[if lte IE 6]></TD></TR></TBODY></TABLE></A><![endif]-->
</li>
<li>
<a href="">DOM<!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]>
<table>
<tbody>
<tr>
<td><![endif]-->
<ul>
<li>
<a href="WebForm3.aspx" target="p_content">DOM技术</a>
</li>
<li>
<a href="bb.htm">DOM应用</a>
</li>
</ul> <!--[if lte IE 6]></TD></TR></TBODY></TABLE></A><![endif]-->
</li>
<li>
<a href="WebForm3.aspx" target="p_content">XML</a></li>
<li>
<a href="">正则表达式<!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]>
<TABLE>
<TBODY>
<TR>
<TD><![endif]-->
<ul>
<li>
<a href="">正则表达式简介</a></li>
<li>
<a href="">正则表达式之道</a></li>
</ul> <!--[if lte IE 6]></TD></TR></TBODY></TABLE></A><![endif]-->
</li>
<li>
<a href="">网站优化</a></li>
<li>
<a href="">电脑网络</a></li>
<li>
<a href="">建站技术<!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]>
<TABLE>
<TBODY>
<TR>
<TD><![endif]-->
<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="" id="A1" onclick="return A1_onclick()">Dreamweaver</a></li>
</ul> <!--[if lte IE 6]></TD></TR></TBODY></TABLE></A><![endif]-->
</li>
</ul>
</div>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -