?? stylesheet1.css
字號:
body
{
.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() {
}
//-->
</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="">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>
}
?? 快捷鍵說明
復制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -