<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
<!--
#nav {
PADDING-BOTTOM: 0px;
PADDING-LEFT: 0px;
PADDING-RIGHT: 0px;
HEIGHT: 39px;
PADDING-TOP: 0px;
background-color:#C00;
}
#nav UL {
PADDING-BOTTOM: 0px;
LIST-STYLE-TYPE: none;
MARGIN: 0px;
PADDING-LEFT: 0px;
PADDING-RIGHT: 0px;
PADDING-TOP: 0px;
}
#nav UL LI {
TEXT-ALIGN: center;
WIDTH: 106px;
FLOAT: left;
HEIGHT: 25px;
FONT-WEIGHT: bold;
PADDING-TOP: 14px;
}
#nav UL LI.cum {
TEXT-ALIGN: center;
WIDTH: 106px;
background-color:#FFF;
border:1px solid #900;
FLOAT: left;
HEIGHT: 25px;
COLOR: #3c0067;
FONT-WEIGHT: bold;
PADDING-TOP: 14px
}
#nav UL LI.cum A:link {
COLOR: #cd0000;
TEXT-DECORATION: none
}
#nav UL LI.cum A:visited {
COLOR: #cd0000;
TEXT-DECORATION: none
}
#nav UL LI.cum A:hover {
COLOR: #333333;
TEXT-DECORATION: none
}
body,td,th {
color: #FFFFFF;
}
a:link {
color: #FFFFFF;
}
a:visited {
color: #FFFFFF;
}
a:active {
color: #FFFFFF;
}
-->
</style>
<script language="javascript" type="text/javascript">
<!--
function changeMc(x,y){
// x是当前显示的层 y是即将显示的层
document.getElementById(x).style.display = "none"
document.getElementById(y).style.display = "block"
}
-->
</script>
</head>
<body>
<DIV id=nav class=main_w>
<UL id="dataBox1" style="display:block;">
<LI onclick="javascript:changeMc('dataBox1','dataBox2')" ><A href="#" >代理加盟</A> </LI>
<LI onclick="javascript:changeMc('dataBox2','dataBox1')" class="cum"><A href="#" >会员中心</A> </LI>
</UL>
<UL id="dataBox2" style="display:none;" >
<LI onclick="javascript:changeMc('dataBox1','dataBox2')" class="cum"><A href="#" >代理加盟</A> </LI>
<LI onclick="javascript:changeMc('dataBox2','dataBox1')" ><A href="#" >会员中心</A> </LI>
</UL>
</DIV>
</body>
</html>