下面代码中的Java脚本哪有问题 要想实现导航切换该怎么写 请教高手！

<!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>
</head><style>
HTML{FONT-SIZE:12px;FONT-FAMILY:Arial, Helvetica, sans-serif; text-align:left;word-wrap:break-word;text-overflow:ellipsis;}
body{FONT-SIZE:12px;color:#666;margin:0px;background:#019316; line-height:20px }
td{FONT-SIZE:12px}
img{border:0px}
a{COLOR:#3F3F3F;TEXT-DECORATION:none}
a:hover{TEXT-DECORATION:underline;}
ul{list-style:none;margin:0px;padding:0px}
li{ height:20px; line-height:20px}
form{ padding:0px; margin:0px}
p{ margin:0px; padding:0px}
.br{width:100px; height:10px; clear:both; overflow:hidden}
#mov{ width:968px; background:#FFF;}
#tit{ width:950px; height:90px; text-align:left}
#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;}
.searchK0{ color:#000}
.searchK1{ color:#FF0000}
.btn0{ width:84px; height:27px; background:url(img/bj002.jpg) no-repeat; border:0px; margin-left:10px; position:relative; top:1px}
#mv{ width:950px; text-align:left; clear:both}
#ddh{ width:950px; height:46px; background:url(img/bg013.gif) no-repeat; text-align:left}
#ddhl{ width:700px; float:left}
#ddhl a{ text-decoration:none}
#ddhr{ width:150px; float:right; height:18px; padding-top:18px}
.ddh0{ width:110px; height:36px; padding-top:7px; text-align:center; background:url(img/bg015.gif) right bottom no-repeat; float:left; padding-top:8px;
}
.ddh1{ width:72px; height:24px; font-weight:bold; font-size:16px; padding-top:6px}
.ddh1 a{color:#00840C;}
.ddh2{ width:72px; height:24px; font-weight:bold; font-size:16px; padding-top:6px; background:url(img/bj001.jpg) no-repeat}
.ddh2 a{color:#FFF;}
#xdh{ width:900px; height:41px; font-size:14px; text-align:left; padding-left:40px; line-height:36px}
#bzsm{ width:947px; height:101px; background:url(img/bg003.gif) no-repeat; padding-left:3px; text-align:left; }
#bzsm0{ width:932px; height:99px; border-top:1px solid #D9D9D9; border-bottom:1px solid #D9D9D9; float:left; padding-left:12px}
.bzsm2{ width:150px; height:90px; float:left; margin:6px 0px 0px 30px}
.bzsm3{FONT-WEIGHT: bold;COLOR: #418C2D; line-height:25px; margin-left:2px}
.bzsm4{}
#bzsm1{ width:3px; height:101px; background:url(img/bg004.gif) no-repeat; overflow:hidden; float:right}
#yqlj{ width:946px; height:55px; background:url(img/bg001.gif) no-repeat; padding-left:4px; text-align:left;}
#yqlj0{ width:930px; height:53px; border-top:1px solid #D9D9D9; border-bottom:1px solid #D9D9D9; float:left; padding-left:12px}
#yqlj0 b{ color:#E63F0B; line-height:25px}
#yqlj1{ width:4px; height:55px; background:url(img/bg002.gif) no-repeat; overflow:hidden; float:right}
#foot{ width:950px; border-top:1px solid #D8D8D8; text-align:center; padding:10px 0px 20px 0px}#mv0{ width:950px; clear:both}
#mvL{ width:224px; float:left;}
#jdrm{ width:224px; background:url(img/bg007.gif) no-repeat; padding-top:29px}
#jdrm0{ width:222px; border-top:1px solid #D9D9D9; border-left:1px solid #D9D9D9; border-right:1px solid #D9D9D9}
#jdrm1{ width:224px; height:3px; background:url(img/bg008.gif) no-repeat; overflow:hidden}
.jdrms{ width:154px; height:30px;border-bottom:1px solid #D9D9D9; margin:6px 0px 0px 8px; padding:4px 0px 0px 52px; font-size:14px}
.jdrms a{ color:#2A2A2A}
#lxdh{ width:224px; height:78px; background:url(img/dgdh.gif) 22px 25px no-repeat;}
#lxqq{ width:180px; height:72px; background:url(img/bg009.gif) no-repeat; color:#EA3E00; padding:10px 0px 0px 44px}
#lxqq a{ color:#EA3E00}
#mvr{ width:718px; float:right}
#gg0{ width:718px; height:220px;}
#gg0 img{ width:718px; height:220px;}
#gg1{ width:718px; height:98px; padding-top:8px;}
#gg1 img{ width:175px; height:90px; float:left; margin-right:6px}
#fl0{ width:708px; height:29px; background:url(img/bj000.jpg) no-repeat; line-height:29px; text-align:right; color:#D94021; padding-right:10px}
#fl1{ width:716px; height:231px; border-left:1px solid #D9D9D9; border-top:1px solid #D9D9D9; border-right:1px solid #D9D9D9}
#fl2{ width:718px; height:3px; background:url(img/bg010.gif) no-repeat;  overflow:hidden}
.fl3{ width:300px; height:20px;font-weight:bold; font-size:14px; color:#000; padding:5px 0px 0px 25px; clear:both}
.fl4{ width:670px; padding-left:25px; color:#A9A9A9; font-size:14px; line-height:23px}
.fl4 .a0{ color:#E53C03}
.fl5{ width:320px; float:left}
.fl6{ width:320px; float:left; padding-left:28px}
.fl7{ width:678px; height:4px; border-bottom:1px dotted #CECECE; margin:0px 0px 2px 18px; overflow:hidden;}
#xp{ width:683px; height:186px; background:url(img/bg011.gif) no-repeat; margin-top:10px; padding:15px 0px 0px 35px}
.xpv{ width:145px; height:165px; float:left; border-right:1px solid #DCDCDC;padding:5px 10px 0px 12px}
.xpv0{ width:124px; height:115px; padding:24px 0px 0px 20px }
.xpv0 img{ width:100px; height:100px;}
.xpv1{ width:148px; text-align:center; line-height:16px}
#rx{ width:683px; height:186px; background:url(img/bg012.gif) no-repeat; margin-top:10px; padding:15px 0px 0px 35px}
#pp{ width:913px; height:157px; background:url(img/bg006.gif) no-repeat; padding-left:4px; text-align:left; padding-left:37px}
#pp0{ width:883px; height:155px; border-top:1px solid #D9D9D9; border-bottom:1px solid #D9D9D9; float:left; padding:0px 0px 0px 27px}
#pp0 img{ width:96px; height:35px; float:left; margin:13px 12px 0px 0px}
#pp1{ width:3px; height:157px; background:url(img/bg005.gif) no-repeat; overflow:hidden; float:right}</style>
<script>
String.prototype.trim=function(){return this.replace(/(^\s*)|(\s*$)/g,"")};
function chkSearch()
{
var o=document.getElementById("searchk");
if(o.value=="商品/品牌名称"){o.value="";}
if(o.value.trim()=="")
{
o.value="请输入搜索词";
o.className="searchK1";
return false;
}
return true;
}
function onSearch(o)
{
o.className="searchK0";
o.select();
}
</script>
<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="商品/品牌名称" onfocus="onSearch(this)" />
<input type="submit" value="" class="btn0" />
</form>
</div>
<div id="tit2"></div>
</div>
<!--//页头-->
<!--导航-->
<div id="ddh">
<div id="ddhl">
<div class="ddh0"><div class="ddh1" id="ddh0" onclick="Menu(0)"><a href="/">首页</a></div></div>
<div class="ddh0"><div class="ddh1" id="ddh1" onclick="Menu(1)"><a href="#">女人馆</a></div></div>
<div class="ddh0"><div class="ddh1" id="ddh2" onclick="Menu(2)"><a href="#">儿童馆</a></div></div>
<div class="ddh0"><div class="ddh1" id="ddh3" onclick="Menu(3)"><a href="#">健康馆</a></div></div>
<div class="ddh0"><div class="ddh1" id="ddh4" onclick="Menu(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 id="xdh_0">
<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 id="xhd_1" 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 id="xhd_2" 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 id="xhd_3" 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 id="xhd_4" 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>
document.getElementById("ddh0").className="ddh2";
function Menu(index){
for(i=0;i<5;i++){
if(i==index){
document.getElementById("xhd_"+i.toString()).style.display='block';
}
else if(i!=index){
document.getElementById("xhd_"+i.toString()).style.display='none';
}
}
document.getElementById("xhd_"+i.toString()).style.display='none';
}
</script>

解决方案 »

  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>