<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Menu0404.aspx.cs" Inherits="Menu0404" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>无标题页</title>
<style type="text/css">
body { font-family: Verdana; font-size: 12px; line-height: 1.5; }
#menu { width:370px; margin:0 auto; border: 1px solid #ccc; height:26px; background: #eee;}
#menu ul { list-style: none; margin: 0px; padding: 0px; }
#menu ul li { float:left;}
#menu ul li a { display:block; padding: 0px 8px; height: 26px; line-height: 26px; float:left;}
#menu ul li a:hover { background:#333; color:#fff;}
#menu ul li ul { display:none; position: absolute; left: 0px; top: 40px; width:100px; border:1px solid #ccc; border-bottom:none; }
#menu ul li.current ul { display:block;}
#menu ul li:hover ul { display:block;}
</style>
<script type="text/javascript">
startList = function() {
if (document.all&&document.getElementById)
{
navRoot = document.getElementById("menu");
var allli = navRoot.getElementsByTagName("li")
for (i=0; i<allli.length; i++)
{
node = allli[i];
node.οnmοuseοver=function() { this.className+=" current"; }
node.οnmοuseοut=function() { this.className=this.className.replace(" current", ""); }
}
}
}
window.οnlοad=startList;
</script>
</head>
<body>
<div id="menu">
<ul>
<li><a href="#" _fcksavedurl="#">首页</a>
<ul>
<li>首页1</li>
<li>首页2</li>
<li>首页3</li>
</ul>
</li>
<li><a href="#" _fcksavedurl="#">网页版式布局</a>
<ul>
<li>aa1</li>
<li>bb2</li>
<li>cc3</li>
</ul>
</li>
<li><a href="#" _fcksavedurl="#">div+css教程</a>
<ul>
<li>div+css教程1</li>
<li>div+css教程2</li>
<li>div+css教程3</li>
</ul>
</li>
<li><a href="#" _fcksavedurl="#">div+css实例</a>
<ul>
<li>div+css实例<1</li>
<li>div+css实例<2</li>
<li>div+css实例<3</li>
</ul>
</li>
<li><a href="#" _fcksavedurl="#">常用代码</a>
<ul>
<li>常用代码1</li>
<li>常用代码2</li>
<li>常用代码3</li>
</ul>
</li>
</ul>
</div>
</body>
</html>
887
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
