急 谁能现在帮我看一下导航切换 时间急 在这谢了！！！

<!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">
#mov img{
border:0px;
}
#mov a{
COLOR:#3f3f3f;
TEXT-DECORATION:none;
}
#mov a:hover{
TEXT-DECORATION:underline;
}
#mov{ 
width:960px; 
background:#FFF;
}
#tit{ 
width:950px; 
height:90px; 
text-align:left;
margin-right:10px;
}
#tit0{ 
width:174px; 
height:60px; 
padding:20px 0px 0px 60px; 
float:left;
}
#tit1{ 
width:500px; 
height:55px;
float:left; 
background:url(/img/bj003.jpg) 0px 24px no-repeat; 
padding:32px 0px 0px 42px;
}
#tit2{ 
width:155px; 
height:90px; 
float:right; 
background:url(/img/bg016.gif) 0px 30px no-repeat;
}
#searchK{ 
border:0px; 
width:375px; 
height:18px; 
line-height:18px;
}
#tit1 .searchK0{ 
color:#000;
}
#tit1 .searchK1{ 
color:#FF0000;
}
#tit1 .btn00{ 
width:84px; 
height:27px; 
background:url(/img/bj002.jpg) no-repeat; 
border:0px; 
margin-left:10px; 
position:relative; 
top:1px;
}
#ddh{ 
width:950px; 
height:46px; 
background:url(/img/bg013.gif) no-repeat; 
text-align:left;
margin-right:10px;
}
#ddhl{ 
width:700px; 
float:left;
}
#ddhl a{
text-decoration:none;
}
#ddhl a:hover{
text-decoration:underline;
}
#ddhr{ 
width:240px; 
float:right; 
height:18px; 
padding-top:18px;
text-align:right;
padding-right:10px;
font-size:12px;
}
#ddha{ 
width:110px; 
height:36px; 
padding-top:7px;
text-align:center; 
background:url(/img/bg015.gif) right bottom no-repeat; 
float:left; 
padding-top:8px;
}
#ddha .ddhl1{ 
width:72px; 
height:24px; 
font-weight:bold; 
font-size:16px; 
padding-top:6px
}
#ddha .ddhl1 a{
width:72px;
height:24px;
color:#00840C;
}
#ddha .ddhl2{ 
width:72px; 
height:24px; 
font-weight:bold; 
font-size:16px; 
padding-top:6px; 
background:url(/img/bj001.jpg) no-repeat;
}
#ddha .ddhl2 a{
width:72px; 
height:24px;
color:#FFF;
}
#mov .xdh{ 
width:900px; 
height:30px; 
font-size:14px; 
text-align:left; 
padding-left:40px; 
line-height:30px;
}
</style>
</head>
<body>
<center>
<div id="mov">
<!--页头-->
<div id="tit">
<div id="tit0"><a href="/"><img src="/img/logo.gif" /></a></div>
<div id="tit1">
<form method="get" action="/search" onsubmit="return chkSearch()">
<input type="text" class="txt0" name="w" id="searchK" value="商品/品牌名称" onBlur="searBlur(this)" onfocus="searFocus(this)" />
<input type="submit" value="" class="btn00" />
</form>
</div>
<div id="tit2"></div>
</div>
<!--//页头-->
<script>
String.prototype.trim=function(){return this.replace(/(^\s*)|(\s*$)/g,"")};
function searSub()
{   
var o=document.getElementById("searchk");
if(o.value=="商品/品牌名称" || o.value==""){
o.style.color="red";
    o.value="商品/品牌名称";
    return false;
}
return true;
}
function searFocus(o)
{
o.className="searchK0";
if(o.value="商品/品牌名称") 
o.value="";
else
o.select();
}
function searBlur(o){
if(o.value=="商品/品牌名称" || o.value==""){
o.style.color="red";
o.value="商品/品牌名称";
return false;
}
}
</script>
<!--导航-->
<div id="ddh">
<div id="ddhl">
<div id="ddha"><div class="ddhl2" id="ddh0" onclick=" SwitchTab(0)" ><a href="http://www.ejaja.cn/">首页</a></div></div>
<div id="ddha"><div class="ddhl1" id="ddh1" onclick=" SwitchTab(1)"><a href="#">女人馆</a></div></div>
<div id="ddha"><div class="ddhl1" id="ddh2" onclick=" SwitchTab(2)">
<a href="#">儿童馆</a></div></div>
<div id="ddha"><div class="ddhl1" id="ddh3" onclick=" SwitchTab(3)"><a href="#">健康馆</a></div></div>
<div id="ddha"><div class="ddhl1" id="ddh4" onclick=" SwitchTab(4)"><a href="#">礼品馆</a></div></div>
</div>
<div id="ddhr">
<a href="/login.html">登陆</a> |&nbsp;
<a href="/reg.html">注册</a> |&nbsp;
<a href="/cart">我的购物车</a>
</div>
</div>
<div  class="xdh"id="xdh0">
<a href="http://ztq.ejaja.cn/">助听器</a> |&nbsp;
<a href="http://zyj.ejaja.cn/">制氧机</a> |&nbsp;
<a href="http://xuetang.ejaja.cn/">血糖仪</a> |&nbsp;
<a href="http://www.ejaja.cn/yinxingzhenjiu/index.html">隐形针灸</a> |&nbsp;
<a href="http://sf.ejaja.cn/">止脱生发</a> |&nbsp;
<a href="http://ly.ejaja.cn/">电动轮椅</a> |&nbsp;
<a href="http://js.ejaja.cn/">近视</a> |&nbsp;
<a href="http://jieyan.ejaja.cn/">戒烟</a> |&nbsp;
<a href="http://xingjiu.ejaja.cn/">醒酒</a> |&nbsp;
<a href="http://fxmr.ejaja.cn/">丰胸</a> |&nbsp;
<a href="http://jianfei.ejaja.cn/">减肥</a> |&nbsp;
<a href="http://qubahen.ejaja.cn/">祛疤痕</a> |&nbsp;
<a href="http://renshen.ejaja.cn/">妊娠纹</a>
</div>
<div class="xdh" id="xdh1" style="display:none;">
<a href="http://ztq.ejaja.cn/">问题肌肤</a> |&nbsp;
<a href="http://zyj.ejaja.cn/">完美修复</a> |&nbsp;
<a href="http://xuetang.ejaja.cn/">减肥专卖</a> |&nbsp;
<a href="http://www.ejaja.cn/yinxingzhenjiu/index.html">丰胸美乳</a> |&nbsp;
<a href="http://sf.ejaja.cn/">养生方案</a> |&nbsp;
</div>
<div class="xdh" id="xdh2" style="display:none;">
<a href="http://ztq.ejaja.cn/">早教专卖</a> |&nbsp;
<a href="http://zyj.ejaja.cn/">轮滑专卖</a> |&nbsp;
<a href="http://xuetang.ejaja.cn/">近视防治</a> |&nbsp;
<a href="http://www.ejaja.cn/yinxingzhenjiu/index.html">学习用品</a> |&nbsp;
<a href="http://sf.ejaja.cn/">电子词典</a> |&nbsp;
</div>
<div class="xdh" id="xdh3" style="display:none;">
<a href="http://ztq.ejaja.cn/"> 健康器械   </a> |&nbsp;
<a href="http://zyj.ejaja.cn/">康复专区</a> |&nbsp;
<a href="http://xuetang.ejaja.cn/">中医养生</a> |&nbsp;
<a href="http://www.ejaja.cn/yinxingzhenjiu/index.html">品牌购</a> |&nbsp;</div>
<div class="xdh" id="xdh4" style="display:none;">
<a href="http://ztq.ejaja.cn/">商务精品     </a> |&nbsp;
<a href="http://zyj.ejaja.cn/">时尚礼品</a> |&nbsp;
<a href="http://xuetang.ejaja.cn/">名表世界</a> |&nbsp;
<a href="http://www.ejaja.cn/yinxingzhenjiu/index.html">名笔专卖</a> |&nbsp;
<a href="http://sf.ejaja.cn/">金银纪念币</a> |&nbsp;
<a href="http://ly.ejaja.cn/">世博会专卖</a> |&nbsp;
</div>
<!--//导航-->
<script language="javascript" type="text/javascript">/*
function SwitchTab(dd){
for(var i=0;i<5;i++){
if(i==dd){
document.getElementById("ddh"+i.toString()).className="ddhl2";
document.getElementById("xdh"+i.toString()).style.display="";
}
else{
document.getElementById("ddh"+i.toString()).className="ddhl1";
document.getElementById("xdh"+i.toString()).style.display="none";
}
}
}*/
</script>
<script language="javascript" type="text/javascript">
function OOO(obj,ele){
if (obj&&!ele){
return document.getElementById(obj);
}
else if (obj&&ele){
return document.getElementById(obj).getElementsByTagName(ele);
}
else {return false;}
}
function SwitchTab(order){
var TagObj=OOO("ddhl","div");
var TagArr=new Array();
for (var i=0;i<TagObj.length-4;i++){
TagArr.push(TagObj[i].id.split("ddh")[1]);
}
for (var i=0;i<TagArr.length-4;i++){
    if(i>0&&TagArr[i]==order){
OOO("ddh"+TagArr[i].toString()).className="ddhl3";
}
OOO("ddh"+TagArr[i].toString()).className=(TagArr[i]==order)?"ddhl2":"ddhl1";
OOO("xdh"+TagArr[i].toString()).style.display=(TagArr[i]==order)?"":"none";
}
}

</script></div>
</center>
</body>
</html>谁能把上面的导航切换的JavaScript代码改好  在这谢了  现在急用 

解决方案 »

  1.   


    <!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=utf-8" />
    <title>亿家家 家庭购物</title>
    <style type="text/css">
    #mov img{
    border:0px;
    }
    #mov a{
    COLOR:#3f3f3f;
    TEXT-DECORATION:none;
    }
    #mov a:hover{
    TEXT-DECORATION:underline;
    }
    #mov{  
    width:960px;  
    background:#FFF;
    }
    #tit{  
    width:950px;  
    height:90px;  
    text-align:left;
    margin-right:10px;
    }
    #tit0{  
    width:174px;  
    height:60px;  
    padding:20px 0px 0px 60px;  
    float:left;
    }
    #tit1{  
    width:500px;  
    height:55px;
    float:left;  
    background:url(/img/bj003.jpg) 0px 24px no-repeat;  
    padding:32px 0px 0px 42px;
    }
    #tit2{  
    width:155px;  
    height:90px;  
    float:right;  
    background:url(/img/bg016.gif) 0px 30px no-repeat;
    }
    #searchK{  
    border:0px;  
    width:375px;  
    height:18px;  
    line-height:18px;
    }
    #tit1 .searchK0{  
    color:#000;
    }
    #tit1 .searchK1{  
    color:#FF0000;
    }
    #tit1 .btn00{  
    width:84px;  
    height:27px;  
    background:url(/img/bj002.jpg) no-repeat;  
    border:0px;  
    margin-left:10px;  
    position:relative;  
    top:1px;
    }
    #ddh{  
    width:950px;  
    height:46px;  
    background:url(/img/bg013.gif) no-repeat;  
    text-align:left;
    margin-right:10px;
    }
    #ddhl{  
    width:700px;  
    float:left;
    }
    #ddhl a{
    text-decoration:none;
    }
    #ddhl a:hover{
    text-decoration:underline;
    }
    #ddhr{  
    width:240px;  
    float:right;  
    height:18px;  
    padding-top:18px;
    text-align:right;
    padding-right:10px;
    font-size:12px;
    }
    #ddha{  
    width:110px;  
    height:36px;  
    padding-top:7px;
    text-align:center;  
    background:url(/img/bg015.gif) right bottom no-repeat;  
    float:left;  
    padding-top:8px;
    }
    #ddha .ddhl1{  
    width:72px;  
    height:24px;  
    font-weight:bold;  
    font-size:16px;  
    padding-top:6px
    }
    #ddha .ddhl1 a{
    width:72px;
    height:24px;
    color:#00840C;
    }
    #ddha .ddhl2{  
    width:72px;  
    height:24px;  
    font-weight:bold;  
    font-size:16px;  
    padding-top:6px;  
    background:url(/img/bj001.jpg) no-repeat;
    }
    #ddha .ddhl2 a{
    width:72px;  
    height:24px;
    color:#FFF;
    }
    #mov .xdh{  
    width:900px;  
    height:30px;  
    font-size:14px;  
    text-align:left;  
    padding-left:40px;  
    line-height:30px;
    }
    </style>
    </head>
    <body>
    <center>
    <div id="mov">
    <!--页头-->
    <div id="tit">
    <div id="tit0"><a href="/"><img src="/img/logo.gif" /></a></div>
    <div id="tit1">
    <form method="get" action="/search" onsubmit="return chkSearch()">
    <input type="text" class="txt0" name="w" id="searchK" value="商品/品牌名称" onBlur="searBlur(this)" onfocus="searFocus(this)" />
    <input type="submit" value="" class="btn00" />
    </form>
    </div>
    <div id="tit2"></div>
    </div>
    <!--//页头-->
    <script>
    String.prototype.trim=function(){return this.replace(/(^\s*)|(\s*$)/g,"")};
    function searSub()
    {   
    var o=document.getElementById("searchk");
    if(o.value=="商品/品牌名称" || o.value==""){
    o.style.color="red";
      o.value="商品/品牌名称";
      return false;
    }
    return true;
    }
    function searFocus(o)
    {
    o.className="searchK0";
    if(o.value="商品/品牌名称")  
    o.value="";
    else
    o.select();
    }
    function searBlur(o){
    if(o.value=="商品/品牌名称" || o.value==""){
    o.style.color="red";
    o.value="商品/品牌名称";
    return false;
    }
    }
    </script>
    <!--导航-->
    <div id="ddh">
    <div id="ddhl">
    <div id="ddha"><div class="ddhl2" id="ddh0" onmouseover="ddhh(0);" ><a href="http://www.ejaja.cn/">首页</a></div></div>
    <div id="ddha"><div class="ddhl1" id="ddh1" onmouseover="ddhh(1);"><a href="#">女人馆</a></div></div>
    <div id="ddha"><div class="ddhl1" id="ddh2" onmouseover="ddhh(2);"><a href="#">儿童馆</a></div></div>
    <div id="ddha"><div class="ddhl1" id="ddh3" onmouseover="ddhh(3);"><a href="#">健康馆</a></div></div>
    <div id="ddha"><div class="ddhl1" id="ddh4" onmouseover="ddhh(4);"><a href="#">礼品馆</a></div></div>
    </div>
    <div id="ddhr">
    <a href="/login.html">登陆</a> |&nbsp;
    <a href="/reg.html">注册</a> |&nbsp;
    <a href="/cart">我的购物车</a>
    </div>
    </div>
    <div class="xdh"id="xdh0"style="display:none;">
    <a href="http://ztq.ejaja.cn/">助听器</a> |&nbsp;
    <a href="http://zyj.ejaja.cn/">制氧机</a> |&nbsp;
    <a href="http://xuetang.ejaja.cn/">血糖仪</a> |&nbsp;
    <a href="http://www.ejaja.cn/yinxingzhenjiu/index.html">隐形针灸</a> |&nbsp;
    <a href="http://sf.ejaja.cn/">止脱生发</a> |&nbsp;
    <a href="http://ly.ejaja.cn/">电动轮椅</a> |&nbsp;
    <a href="http://js.ejaja.cn/">近视</a> |&nbsp;
    <a href="http://jieyan.ejaja.cn/">戒烟</a> |&nbsp;
    <a href="http://xingjiu.ejaja.cn/">醒酒</a> |&nbsp;
    <a href="http://fxmr.ejaja.cn/">丰胸</a> |&nbsp;
    <a href="http://jianfei.ejaja.cn/">减肥</a> |&nbsp;
    <a href="http://qubahen.ejaja.cn/">祛疤痕</a> |&nbsp;
    <a href="http://renshen.ejaja.cn/">妊娠纹</a>
    </div>
    <div class="xdh" id="xdh1" style="display:none;">
    <a href="http://ztq.ejaja.cn/">问题肌肤</a> |&nbsp;
    <a href="http://zyj.ejaja.cn/">完美修复</a> |&nbsp;
    <a href="http://xuetang.ejaja.cn/">减肥专卖</a> |&nbsp;
    <a href="http://www.ejaja.cn/yinxingzhenjiu/index.html">丰胸美乳</a> |&nbsp;
    <a href="http://sf.ejaja.cn/">养生方案</a> |&nbsp;
    </div>
    <div class="xdh" id="xdh2" style="display:none;">
    <a href="http://ztq.ejaja.cn/">早教专卖</a> |&nbsp;
    <a href="http://zyj.ejaja.cn/">轮滑专卖</a> |&nbsp;
    <a href="http://xuetang.ejaja.cn/">近视防治</a> |&nbsp;
    <a href="http://www.ejaja.cn/yinxingzhenjiu/index.html">学习用品</a> |&nbsp;
    <a href="http://sf.ejaja.cn/">电子词典</a> |&nbsp;
    </div>
    <div class="xdh" id="xdh3" style="display:none;">
    <a href="http://ztq.ejaja.cn/"> 健康器械 </a> |&nbsp;
    <a href="http://zyj.ejaja.cn/">康复专区</a> |&nbsp;
    <a href="http://xuetang.ejaja.cn/">中医养生</a> |&nbsp;
    <a href="http://www.ejaja.cn/yinxingzhenjiu/index.html">品牌购</a> |&nbsp;</div>
    <div class="xdh" id="xdh4" style="display:none;">
    <a href="http://ztq.ejaja.cn/">商务精品 </a> |&nbsp;
    <a href="http://zyj.ejaja.cn/">时尚礼品</a> |&nbsp;
    <a href="http://xuetang.ejaja.cn/">名表世界</a> |&nbsp;
    <a href="http://www.ejaja.cn/yinxingzhenjiu/index.html">名笔专卖</a> |&nbsp;
    <a href="http://sf.ejaja.cn/">金银纪念币</a> |&nbsp;
    <a href="http://ly.ejaja.cn/">世博会专卖</a> |&nbsp;
    </div>
    <!--//导航-->
    <!--<script language="javascript" type="text/javascript">--><script language="javascript">
    var bpc=1;
    function ddhh(xp0){
    if (bpc!=""){
    document.getElementById("ddh"+bpc).className="nav64_down";
    document.getElementById("xdh"+bpc).style.display="none";
    }
    bpc=xp0;
    document.getElementById("ddh"+xp0).className="nav64_up";
    document.getElementById("xdh"+xp0).style.display="block";
    }/*
    function SwitchTab(dd){
    for(var i=0;i<5;i++){
    if(i==dd){
    document.getElementById("ddh"+i.toString()).className="ddhl2";
    document.getElementById("xdh"+i.toString()).style.display="";
    }
    else{
    document.getElementById("ddh"+i.toString()).className="ddhl1";
    document.getElementById("xdh"+i.toString()).style.display="none";
    }
    }
    }*/
    </script>
    <script language="javascript" type="text/javascript">
    function OOO(obj,ele){
    if (obj&&!ele){
    return document.getElementById(obj);
    }
    else if (obj&&ele){
    return document.getElementById(obj).getElementsByTagName(ele);
    }
    else {return false;}
    }
    function SwitchTab(order){
    var TagObj=OOO("ddhl","div");
    var TagArr=new Array();
    for (var i=0;i<TagObj.length-4;i++){
    TagArr.push(TagObj[i].id.split("ddh")[1]);
    }
    for (var i=0;i<TagArr.length-4;i++){
    if(i>0&&TagArr[i]==order){
    OOO("ddh"+TagArr[i].toString()).className="ddhl3";
    } 
    OOO("ddh"+TagArr[i].toString()).className=(TagArr[i]==order)?"ddhl2":"ddhl1";
    OOO("xdh"+TagArr[i].toString()).style.display=(TagArr[i]==order)?"":"none";
    }
    }</script></div>
    </center>
    </body>
    </html>
      

  2.   

    nav64_down"   nav64_up  这两个是在定义的属性么
      

  3.   


    <!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">
    #mov img{
    border:0px;
    }
    #mov a{
    COLOR:#3f3f3f;
    TEXT-DECORATION:none;
    }
    #mov a:hover{
    TEXT-DECORATION:underline;
    }
    #mov{ 
    width:960px; 
    background:#FFF;
    }
    #tit{ 
    width:950px; 
    height:90px; 
    text-align:left;
    margin-right:10px;
    }
    #tit0{ 
    width:174px; 
    height:60px; 
    padding:20px 0px 0px 60px; 
    float:left;
    }
    #tit1{ 
    width:500px; 
    height:55px;
    float:left; 
    background:url(/img/bj003.jpg) 0px 24px no-repeat; 
    padding:32px 0px 0px 42px;
    }
    #tit2{ 
    width:155px; 
    height:90px; 
    float:right; 
    background:url(/img/bg016.gif) 0px 30px no-repeat;
    }
    #searchK{ 
    border:0px; 
    width:375px; 
    height:18px; 
    line-height:18px;
    }
    #tit1 .searchK0{ 
    color:#000;
    }
    #tit1 .searchK1{ 
    color:#FF0000;
    }
    #tit1 .btn00{ 
    width:84px; 
    height:27px; 
    background:url(/img/bj002.jpg) no-repeat; 
    border:0px; 
    margin-left:10px; 
    position:relative; 
    top:1px;
    }
    #ddh{ 
    width:950px; 
    height:46px; 
    background:url(/img/bg013.gif) no-repeat; 
    text-align:left;
    margin-right:10px;
    }
    #ddhl{ 
    width:700px; 
    float:left;
    }
    #ddhl a{
    text-decoration:none;
    }
    #ddhl a:hover{
    text-decoration:underline;
    }
    #ddhr{ 
    width:240px; 
    float:right; 
    height:18px; 
    padding-top:18px;
    text-align:right;
    padding-right:10px;
    font-size:12px;
    }
    #ddha{ 
    width:110px; 
    height:36px; 
    padding-top:7px;
    text-align:center; 
    background:url(/img/bg015.gif) right bottom no-repeat; 
    float:left; 
    padding-top:8px;
    }
    #ddha .ddhl1{ 
    width:72px; 
    height:24px; 
    font-weight:bold; 
    font-size:16px; 
    padding-top:6px
    }
    #ddha .ddhl1 a{
    width:72px;
    height:24px;
    color:#00840C;
    }
    #ddha .ddhl2{ 
    width:72px; 
    height:24px; 
    font-weight:bold; 
    font-size:16px; 
    padding-top:6px; 
    background:url(/img/bj001.jpg) no-repeat;
    }
    #ddha .ddhl2 a{
    width:72px; 
    height:24px;
    color:#FFF;
    }
    #mov .xdh{ 
    width:900px; 
    height:30px; 
    font-size:14px; 
    text-align:left; 
    padding-left:40px; 
    line-height:30px;
    }
    </style>
    </head>
    <body>
    <center>
    <div id="mov">
    <!--页头-->
    <div id="tit">
    <div id="tit0"><a href="/"><img src="/img/logo.gif" /></a></div>
    <div id="tit1">
    <form method="get" action="/search" onsubmit="return chkSearch()">
    <input type="text" class="txt0" name="w" id="searchK" value="商品/品牌名称" onBlur="searBlur(this)" onfocus="searFocus(this)" />
    <input type="submit" value="" class="btn00" />
    </form>
    </div>
    <div id="tit2"></div>
    </div>
    <!--//页头-->
    <script>
    String.prototype.trim=function(){return this.replace(/(^\s*)|(\s*$)/g,"")};
    function searSub()
    {  
    var o=document.getElementById("searchk");
    if(o.value=="商品/品牌名称" || o.value==""){
    o.style.color="red";
      o.value="商品/品牌名称";
      return false;
    }
    return true;
    }
    function searFocus(o)
    {
    o.className="searchK0";
    if(o.value="商品/品牌名称") 
    o.value="";
    else
    o.select();
    }
    function searBlur(o){
    if(o.value=="商品/品牌名称" || o.value==""){
    o.style.color="red";
    o.value="商品/品牌名称";
    return false;
    }
    }
    </script>
    <!--导航-->
    <div id="ddh">
    <div id="ddhl">
    <div id="ddha"><div class="ddhl2" id="ddh0" onclick=" SwitchTab(0)" ><a href="http://www.ejaja.cn/">首页</a></div></div>
    <div id="ddha"><div class="ddhl1" id="ddh1"><a href="#" onclick=" SwitchTab(1)">女人馆</a></div></div>
    <div id="ddha"><div class="ddhl1" id="ddh2" onclick=" SwitchTab(2)">
    <a href="#">儿童馆</a></div></div>
    <div id="ddha"><div class="ddhl1" id="ddh3" onclick=" SwitchTab(3)"><a href="#">健康馆</a></div></div>
    <div id="ddha"><div class="ddhl1" id="ddh4" onclick=" SwitchTab(4)"><a href="#">礼品馆</a></div></div>
    </div>
    <div id="ddhr">
    <a href="/login.html">登陆</a> |&nbsp;
    <a href="/reg.html">注册</a> |&nbsp;
    <a href="/cart">我的购物车</a>
    </div>
    </div>
    <div class="xdh"id="xdh0">
    <a href="http://ztq.ejaja.cn/">助听器</a> |&nbsp;
    <a href="http://zyj.ejaja.cn/">制氧机</a> |&nbsp;
    <a href="http://xuetang.ejaja.cn/">血糖仪</a> |&nbsp;
    <a href="http://www.ejaja.cn/yinxingzhenjiu/index.html">隐形针灸</a> |&nbsp;
    <a href="http://sf.ejaja.cn/">止脱生发</a> |&nbsp;
    <a href="http://ly.ejaja.cn/">电动轮椅</a> |&nbsp;
    <a href="http://js.ejaja.cn/">近视</a> |&nbsp;
    <a href="http://jieyan.ejaja.cn/">戒烟</a> |&nbsp;
    <a href="http://xingjiu.ejaja.cn/">醒酒</a> |&nbsp;
    <a href="http://fxmr.ejaja.cn/">丰胸</a> |&nbsp;
    <a href="http://jianfei.ejaja.cn/">减肥</a> |&nbsp;
    <a href="http://qubahen.ejaja.cn/">祛疤痕</a> |&nbsp;
    <a href="http://renshen.ejaja.cn/">妊娠纹</a>
    </div>
    <div class="xdh" id="xdh1" style="display:none;">
    <a href="http://ztq.ejaja.cn/">问题肌肤</a> |&nbsp;
    <a href="http://zyj.ejaja.cn/">完美修复</a> |&nbsp;
    <a href="http://xuetang.ejaja.cn/">减肥专卖</a> |&nbsp;
    <a href="http://www.ejaja.cn/yinxingzhenjiu/index.html">丰胸美乳</a> |&nbsp;
    <a href="http://sf.ejaja.cn/">养生方案</a> |&nbsp;
    </div>
    <div class="xdh" id="xdh2" style="display:none;">
    <a href="http://ztq.ejaja.cn/">早教专卖</a> |&nbsp;
    <a href="http://zyj.ejaja.cn/">轮滑专卖</a> |&nbsp;
    <a href="http://xuetang.ejaja.cn/">近视防治</a> |&nbsp;
    <a href="http://www.ejaja.cn/yinxingzhenjiu/index.html">学习用品</a> |&nbsp;
    <a href="http://sf.ejaja.cn/">电子词典</a> |&nbsp;
    </div>
    <div class="xdh" id="xdh3" style="display:none;">
    <a href="http://ztq.ejaja.cn/"> 健康器械 </a> |&nbsp;
    <a href="http://zyj.ejaja.cn/">康复专区</a> |&nbsp;
    <a href="http://xuetang.ejaja.cn/">中医养生</a> |&nbsp;
    <a href="http://www.ejaja.cn/yinxingzhenjiu/index.html">品牌购</a> |&nbsp;</div>
    <div class="xdh" id="xdh4" style="display:none;">
    <a href="http://ztq.ejaja.cn/">商务精品 </a> |&nbsp;
    <a href="http://zyj.ejaja.cn/">时尚礼品</a> |&nbsp;
    <a href="http://xuetang.ejaja.cn/">名表世界</a> |&nbsp;
    <a href="http://www.ejaja.cn/yinxingzhenjiu/index.html">名笔专卖</a> |&nbsp;
    <a href="http://sf.ejaja.cn/">金银纪念币</a> |&nbsp;
    <a href="http://ly.ejaja.cn/">世博会专卖</a> |&nbsp;
    </div>
    <!--//导航-->
    <script language="javascript" type="text/javascript">/*
    function SwitchTab(dd){
    for(var i=0;i<5;i++){
    if(i==dd){
    document.getElementById("ddh"+i.toString()).className="ddhl2";
    document.getElementById("xdh"+i.toString()).style.display="";
    }
    else{
    document.getElementById("ddh"+i.toString()).className="ddhl1";
    document.getElementById("xdh"+i.toString()).style.display="none";
    }
    }
    }*/
    </script>
    <script type="text/javascript">
    function OOO(obj,ele){
    if (obj&&!ele){
    return document.getElementById(obj);
    }
    else if (obj&&ele){
    return document.getElementById(obj).getElementsByTagName(ele);
    }
    else {return false;}
    }
    function SwitchTab(order){
    for (var i = 0; i < 5; i++) {
        document.getElementById("xdh"+ i).style.display = "none";
    }
    document.getElementById("xdh"+ order).style.display = "block";
    /*var TagObj=OOO("ddhl","div");
    var TagArr=new Array();
    for (var i=0;i<TagObj.length-4;i++){
    TagArr.push(TagObj[i].id.split("ddh")[1]);
    }
    for (var i=0;i<TagArr.length-4;i++){
    if(i>0&&TagArr[i]==order){*/
    //OOO("ddh"+TagArr[i].toString()).className="ddhl3";
    /*OOO("ddh"+TagArr[i].toString()).style.display="block";
    }*/
    //OOO("ddh"+TagArr[i].toString()).className=(TagArr[i]==order)?"ddhl2":"ddhl1";
    //OOO("xdh"+TagArr[i].toString()).style.display=(TagArr[i]==order)?"":"none";
    //}
    //}
    }</script></div>
    </center>
    </body>
    </html>
      

  4.   


    <!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=utf-8" />
    <title>444物</title>
    <style type="text/css">
    #mov img{
    border:0px;
    }
    #mov a{
    COLOR:#3f3f3f;
    TEXT-DECORATION:none;
    }
    #mov a:hover{
    TEXT-DECORATION:underline;
    }
    #mov{  
    width:960px;  
    background:#FFF;
    }
    #tit{  
    width:950px;  
    height:90px;  
    text-align:left;
    margin-right:10px;
    }
    #tit0{  
    width:174px;  
    height:60px;  
    padding:20px 0px 0px 60px;  
    float:left;
    }
    #tit1{  
    width:500px;  
    height:55px;
    float:left;  
    background:url(/img/bj003.jpg) 0px 24px no-repeat;  
    padding:32px 0px 0px 42px;
    }
    #tit2{  
    width:155px;  
    height:90px;  
    float:right;  
    background:url(/img/bg016.gif) 0px 30px no-repeat;
    }
    #searchK{  
    border:0px;  
    width:375px;  
    height:18px;  
    line-height:18px;
    }
    #tit1 .searchK0{  
    color:#000;
    }
    #tit1 .searchK1{  
    color:#FF0000;
    }
    #tit1 .btn00{  
    width:84px;  
    height:27px;  
    background:url(/img/bj002.jpg) no-repeat;  
    border:0px;  
    margin-left:10px;  
    position:relative;  
    top:1px;
    }
    #ddh{  
    width:950px;  
    height:46px;  
    background:url(/img/bg013.gif) no-repeat;  
    text-align:left;
    margin-right:10px;
    }
    #ddhl{  
    width:700px;  
    float:left;
    }
    #ddhl a{
    text-decoration:none;
    }
    #ddhl a:hover{
    text-decoration:underline;
    }
    #ddhr{  
    width:240px;  
    float:right;  
    height:18px;  
    padding-top:18px;
    text-align:right;
    padding-right:10px;
    font-size:12px;
    }
    #ddha{  
    width:110px;  
    height:36px;  
    padding-top:7px;
    text-align:center;  
    background:url(/img/bg015.gif) right bottom no-repeat;  
    float:left;  
    padding-top:8px;
    }
    #ddha .ddhl1{  
    width:72px;  
    height:24px;  
    font-weight:bold;  
    font-size:16px;  
    padding-top:6px
    }
    #ddha .ddhl1 a{
    width:72px;
    height:24px;
    color:#00840C;
    }
    #ddha .ddhl2{  
    width:72px;  
    height:24px;  
    font-weight:bold;  
    font-size:16px;  
    padding-top:6px;  
    /*background:url(/img/bj001.jpg) no-repeat;*/
    background:url(66.jpg) no-repeat;
    }
    #ddha .ddhl2 a{
    width:72px;  
    height:24px;
    color:#FFF;
    }
    #mov .xdh{  
    width:900px;  
    height:30px;  
    font-size:14px;  
    text-align:left;  
    padding-left:40px;  
    line-height:30px;
    }
    </style>
    </head>
    <body>
    <center>
    <div id="mov">
    <!--页头-->
    <div id="tit">
    <div id="tit0"><a href="/"><img src="/img/logo.gif" /></a></div>
    <div id="tit1">
    <form method="get" action="/search" onsubmit="return chkSearch()">
    <input type="text" class="txt0" name="w" id="searchK" value="商品/品牌名称" onBlur="searBlur(this)" onfocus="searFocus(this)" />
    <input type="submit" value="" class="btn00" />
    </form>
    </div>
    <div id="tit2"></div>
    </div>
    <!--//页头-->
    <script>
    String.prototype.trim=function(){return this.replace(/(^\s*)|(\s*$)/g,"")};
    function searSub()
    {   
    var o=document.getElementById("searchk");
    if(o.value=="商品/品牌名称" || o.value==""){
    o.style.color="red";
      o.value="商品/品牌名称";
      return false;
    }
    return true;
    }
    function searFocus(o)
    {
    o.className="searchK0";
    if(o.value="商品/品牌名称")  
    o.value="";
    else
    o.select();
    }
    function searBlur(o){
    if(o.value=="商品/品牌名称" || o.value==""){
    o.style.color="red";
    o.value="商品/品牌名称";
    return false;
    }
    }
    </script>
    <!--导航-->
    <div id="ddh">
    <div id="ddhl">
    <div id="ddha"><div class="ddhl2" id="ddh1" onmouseover="ddhh(1);" ><a href="http://www.ejaja.cn/">首页</a></div></div>
    <div id="ddha"><div class="ddhl1" id="ddh2" onmouseover="ddhh(2);"><a href="#">女人馆</a></div></div>
    <div id="ddha"><div class="ddhl1" id="ddh3" onmouseover="ddhh(3);"><a href="#">儿童馆</a></div></div>
    <div id="ddha"><div class="ddhl1" id="ddh4" onmouseover="ddhh(4);"><a href="#">健康馆</a></div></div>
    <div id="ddha"><div class="ddhl1" id="ddh5" onmouseover="ddhh(5);"><a href="#">礼品馆</a></div></div>
    </div>
    <div id="ddhr">
    <a href="/login.html">登陆</a> |&nbsp;
    <a href="/reg.html">注册</a> |&nbsp;
    <a href="/cart">我的购物车</a>
    </div>
    </div>
    <div class="xdh" id="xdh1" style=" display:none">
    <a href="http://ztq.ejaja.cn/">助听器</a> |&nbsp;
    <a href="http://zyj.ejaja.cn/">制氧机</a> |&nbsp;
    <a href="http://xuetang.ejaja.cn/">血糖仪</a> |&nbsp;
    <a href="http://www.ejaja.cn/yinxingzhenjiu/index.html">隐形针灸</a> |&nbsp;
    <a href="http://sf.ejaja.cn/">止脱生发</a> |&nbsp;
    <a href="http://ly.ejaja.cn/">电动轮椅</a> |&nbsp;
    <a href="http://js.ejaja.cn/">近视</a> |&nbsp;
    <a href="http://jieyan.ejaja.cn/">戒烟</a> |&nbsp;
    <a href="http://xingjiu.ejaja.cn/">醒酒</a> |&nbsp;
    <a href="http://fxmr.ejaja.cn/">丰胸</a> |&nbsp;
    <a href="http://jianfei.ejaja.cn/">减肥</a> |&nbsp;
    <a href="http://qubahen.ejaja.cn/">祛疤痕</a> |&nbsp;
    <a href="http://renshen.ejaja.cn/">妊娠纹</a>
    </div>
    <div class="xdh" id="xdh2" style="display:none;">
    <a href="http://ztq.ejaja.cn/">问题肌肤</a> |&nbsp;
    <a href="http://zyj.ejaja.cn/">完美修复</a> |&nbsp;
    <a href="http://xuetang.ejaja.cn/">减肥专卖</a> |&nbsp;
    <a href="http://www.ejaja.cn/yinxingzhenjiu/index.html">丰胸美乳</a> |&nbsp;
    <a href="http://sf.ejaja.cn/">养生方案</a> |&nbsp;
    </div>
    <div class="xdh" id="xdh3" style="display:none;">
    <a href="http://ztq.ejaja.cn/">早教专卖</a> |&nbsp;
    <a href="http://zyj.ejaja.cn/">轮滑专卖</a> |&nbsp;
    <a href="http://xuetang.ejaja.cn/">近视防治</a> |&nbsp;
    <a href="http://www.ejaja.cn/yinxingzhenjiu/index.html">学习用品</a> |&nbsp;
    <a href="http://sf.ejaja.cn/">电子词典</a> |&nbsp;
    </div>
    <div class="xdh" id="xdh4" style="display:none;">
    <a href="http://ztq.ejaja.cn/"> 健康器械 </a> |&nbsp;
    <a href="http://zyj.ejaja.cn/">康复专区</a> |&nbsp;
    <a href="http://xuetang.ejaja.cn/">中医养生</a> |&nbsp;
    <a href="http://www.ejaja.cn/yinxingzhenjiu/index.html">品牌购</a> |&nbsp;</div>
    <div class="xdh" id="xdh5" style="display:none;">
    <a href="http://ztq.ejaja.cn/">商务精品 </a> |&nbsp;
    <a href="http://zyj.ejaja.cn/">时尚礼品</a> |&nbsp;
    <a href="http://xuetang.ejaja.cn/">名表世界</a> |&nbsp;
    <a href="http://www.ejaja.cn/yinxingzhenjiu/index.html">名笔专卖</a> |&nbsp;
    <a href="http://sf.ejaja.cn/">金银纪念币</a> |&nbsp;
    <a href="http://ly.ejaja.cn/">世博会专卖</a> |&nbsp;
    </div>
    <!--//导航-->
    <!--<script language="javascript" type="text/javascript">--><script language="javascript">
    var bpc=1;
    function ddhh(xp0){
    if (bpc!=""){
    document.getElementById("ddh"+bpc).className="ddhl1";
    document.getElementById("xdh"+bpc).style.display="none";
    }
    bpc=xp0;
    document.getElementById("ddh"+xp0).className="ddhl2";
    document.getElementById("xdh"+xp0).style.display="block";
    }/*
    function SwitchTab(dd){
    for(var i=0;i<5;i++){
    if(i==dd){
    document.getElementById("ddh"+i.toString()).className="ddhl2";
    document.getElementById("xdh"+i.toString()).style.display="";
    }
    else{
    document.getElementById("ddh"+i.toString()).className="ddhl1";
    document.getElementById("xdh"+i.toString()).style.display="none";
    }
    }
    }*/
    </script>
    <script language="javascript" type="text/javascript">
    function OOO(obj,ele){
    if (obj&&!ele){
    return document.getElementById(obj);
    }
    else if (obj&&ele){
    return document.getElementById(obj).getElementsByTagName(ele);
    }
    else {return false;}
    }
    function SwitchTab(order){
    var TagObj=OOO("ddhl","div");
    var TagArr=new Array();
    for (var i=0;i<TagObj.length-4;i++){
    TagArr.push(TagObj[i].id.split("ddh")[1]);
    }
    for (var i=0;i<TagArr.length-4;i++){
    if(i>0&&TagArr[i]==order){
    OOO("ddh"+TagArr[i].toString()).className="ddhl3";
    } 
    OOO("ddh"+TagArr[i].toString()).className=(TagArr[i]==order)?"ddhl2":"ddhl1";
    OOO("xdh"+TagArr[i].toString()).style.display=(TagArr[i]==order)?"":"none";
    }
    }</script></div>
    </center>
    </body>
    </html>因为媒体换图片，nav64_down和nav64_up是我在本地测试的ＣＬＡＳＳ名字,你可以替换成你的ddhl1和ddhl2（ddh11对应nav64_down；上面的代码是我拿图片测试后又修过的，应该是没问题了。