样式转换，tabControl, 导航，li及css

最新推荐文章于 2025-05-19 19:47:14 发布

cxzhq2002

最新推荐文章于 2025-05-19 19:47:14 发布

阅读量9.2k

点赞数

CC 4.0 BY-SA版权

文章标签： border javascript class 生活 function null

本文链接：https://blog.youkuaiyun.com/cxzhq2002/article/details/1490777

1>TabControl

<body>
            <UL class="menu_bar5 color02">
              <LI><LABEL>企业热点</LABEL> </LI>
              <LI><A id=li1 onClick="ShowClass('qyrd',1);"
              href="javascript:;">产品展示</A> </LI>
              <LI><A class=aON id=li2 onClick="ShowClass('qyrd',2);"
              href="javascript:;">互动商机</A> </LI>
              <LI><A id=li3 onClick="ShowClass('qyrd',3);"
              href="javascript:;">企业服务</A> </LI>
              <LI><A id=li4 onClick="ShowClass('qyrd',4);"
              href="javascript:;">展会资讯</A> </LI>
              <LI><A id=li4 onClick="ShowClass('qyrd',5);"
              href="javascript:;">企业名录</A> </LI></UL>
<div id="qyrd">

<table class="boxbold" style="DISPLAY: none; BORDER-TOP-STYLE: none"
            height="136" cellspacing="0" cellpadding="0" width="100%" border="0">
    <tbody>
      <tr>
        <td class="line03 line05"
                style="PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; PADDING-TOP: 4px"
                valign="center" align="middle" width="50%"><table cellspacing="0" cellpadding="0" width="100%" border="0">
          <tbody>
            <tr>
              <td valign="center" align="middle" width="25%" height="50"><a
                        title="龙鱼"
                        href="http://www.hongxi.com/WebSite/business3/SampleView.asp?ID=234934&SampleID=2503"
                        target="_blank"><img class="img02" height="46"
                        src="鸿禧台商网－引领商务生活#_files/234934_2007115211956.jpg"
                        width="46" border="0" /></a><br /></td>
              <td valign="center" align="middle" width="25%" height="50"><a
                        title="磬石琴"
                        href="http://www.hongxi.com/WebSite/business4/SampleView.asp?ID=234816&SampleID=2483"
                        target="_blank"><img class="img02" height="46"
                        src="鸿禧台商网－引领商务生活#_files/234816_200718151443.jpg"
                        width="46" border="0" /></a><br /></td>
              <td valign="center" align="middle" width="25%" height="50"><a
                        title="静电除尘卧式离子风机"
                        href="http://www.hongxi.com/WebSite/Default_new/SampleView.asp?ID=233034&SampleID=2527"
                        target="_blank"><img class="img02" height="46"
                        src="鸿禧台商网－引领商务生活#_files/233034_200711813347.jpg"
                        width="46" border="0" /></a><br /></td>
              <td valign="center" align="middle" width="25%" height="50"><a
                        title="静电除尘离子大风枪"
                        href="http://www.hongxi.com/WebSite/Default_new/SampleView.asp?ID=233034&SampleID=2528"
                        target="_blank"><img class="img02" height="46"
                        src="鸿禧台商网－引领商务生活#_files/233034_200711813538.jpg"
                        width="46" border="0" /></a><br /></td>
            </tr>
            <tr>
              <td valign="center" align="middle" width="25%" height="50"><a
                        title="川能高层管理者发展与培训中心 Cuanon EDP Center"
                        href="http://www.hongxi.com/WebSite/business4/SampleView.asp?ID=231138&SampleID=2452"
                        target="_blank"><img class="img02" height="46"
                        src="鸿禧台商网－引领商务生活#_files/231138_20061227163854.jpg"
                        width="46" border="0" /></a><br /></td>
              <td valign="center" align="middle" width="25%" height="50"><a
                        title="川能节电设备"
                        href="http://www.hongxi.com/WebSite/business4/SampleView.asp?ID=231138&SampleID=2455"
                        target="_blank"><img class="img02" height="46"
                        src="鸿禧台商网－引领商务生活#_files/231138_2006122717037.jpg"
                        width="46" border="0" /></a><br /></td>
              <td valign="center" align="middle" width="25%" height="50"><a
                        title="按摩椅"
                        href="http://www.hongxi.com/WebSite/business3/SampleView.asp?ID=234953&SampleID=2511"
                        target="_blank"><img class="img02" height="46"
                        src="鸿禧台商网－引领商务生活#_files/234953_200711793445.gif"
                        width="46" border="0" /></a><br /></td>
              <td valign="center" align="middle" width="25%" height="50"><a
                        title="按摩椅"
                        href="http://www.hongxi.com/WebSite/business3/SampleView.asp?ID=234953&SampleID=2512"
                        target="_blank"><img class="img02" height="46"
                        src="鸿禧台商网－引领商务生活#_files/234953_200711793553.jpg"
                        width="46" border="0" /></a><br /></td>
            </tr>
          </tbody>
        </table></td>
        <td class="line03"
                style="PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; PADDING-TOP: 4px"
                valign="top" align="left" width="50%"><ul class="list4">
          <li><a title="龙鱼"
                    href="http://www.hongxi.com/WebSite/business3/SampleView.asp?ID=234934&SampleID=2503"
                    target="_blank">龙鱼</a> </li>
          <li><a title="磬石琴"
                    href="http://www.hongxi.com/WebSite/business4/SampleView.asp?ID=234816&SampleID=2483"
                    target="_blank">磬石琴</a> </li>
          <li><a title="全自动咖啡机"
                    href="http://www.hongxi.com/WebSite/business4/SampleView.asp?ID=233062&SampleID=2529"
                    target="_blank">全自动咖啡机</a> </li>
          <li><a title="静电除尘卧式离子风机"
                    href="http://www.hongxi.com/WebSite/Default_new/SampleView.asp?ID=233034&SampleID=2527"
                    target="_blank">静电除尘卧式离子风机</a> </li>
          <li><a title="静电除尘离子大风枪"
                    href="http://www.hongxi.com/WebSite/Default_new/SampleView.asp?ID=233034&SampleID=2528"
                    target="_blank">静电除尘离子大风枪</a> </li>
          <li><a title="川能高层管理者发展与培训中心 Cuanon EDP Center"
                    href="http://www.hongxi.com/WebSite/business4/SampleView.asp?ID=231138&SampleID=2452"
                    target="_blank">川能高层管理者发展与培训中心 …</a> </li>
        </ul></td>
      </tr>
      <tr>
        <td
                style="PADDING-RIGHT: 6px; PADDING-LEFT: 0px; PADDING-BOTTOM: 1px; PADDING-TOP: 3px"
                valign="center" align="right" bgcolor="#f2f2f2" colspan="2"><a
                  href="http://www.hongxi.com/biz/SearchSample.asp">更多产品展示→</a></td>
      </tr>
    </tbody>
</table>


<table class="boxbold" style="BORDER-TOP-STYLE: none" height="136"
            cellspacing="0" cellpadding="0" width="100%" border="0">
    <tbody>
      <tr>
        <td class="line03 line05"
                style="PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; PADDING-TOP: 4px"
                valign="center" align="middle" width="50%"><table cellspacing="0" cellpadding="0" width="100%" border="0">
          <tbody>
            <tr>
              <td valign="center" align="middle" width="25%" height="50"><a
                        title="法式冲浪维琪浴"
                        href="http://www.hongxi.com/Website/business4/MarketView.asp?ID=234855&MarketID=6120"
                        target="_blank"><img class="img02" height="46"
                        src="鸿禧台商网－引领商务生活#_files/234855_200712210959.jpg"
                        width="46" border="0" /></a><br /></td>
              <td valign="center" align="middle" width="25%" height="50"><a
                        title="★JUICY COUTURE（美国流行休闲品牌）"
                        href="http://www.hongxi.com/Personal/Default/MarketView.asp?ID=235005&MarketID=6119"
                        target="_blank"><img class="img02" height="46"
                        src="鸿禧台商网－引领商务生活#_files/235005_2007121134924.jpg"
                        width="46" border="0" /></a><br /></td>
              <td valign="center" align="middle" width="25%" height="50"><a
                        title="供应各类塑料袋,手提袋,购物袋,包装袋,背心袋"
                        href="http://www.hongxi.com/Website/business3/MarketView.asp?ID=182455&MarketID=5929"
                        target="_blank"><img class="img02" height="46"
                        src="鸿禧台商网－引领商务生活#_files/182455_2006128152222.jpg"
                        width="46" border="0" /></a><br /></td>
              <td valign="center" align="middle" width="25%" height="50"><a
                        title="超低价批发各种海水与淡水鱼!"
                        href="http://www.hongxi.com/Website/business3/MarketView.asp?ID=234934&MarketID=6092"
                        target="_blank"><img class="img02" height="46"
                        src="鸿禧台商网－引领商务生活#_files/234934_200711521521.jpg"
                        width="46" border="0" /></a><br /></td>
            </tr>
            <tr>
              <td valign="center" align="middle" width="25%" height="50"><a
                        title="超级正宗马来西亚雪山红金花"
                        href="http://www.hongxi.com/Website/business3/MarketView.asp?ID=234934&MarketID=6093"
                        target="_blank"><img class="img02" height="46"
                        src="鸿禧台商网－引领商务生活#_files/234934_200711521534.jpg"
                        width="46" border="0" /></a><br /></td>
              <td valign="center" align="middle" width="25%" height="50"><a
                        title="磬石琴"
                        href="http://www.hongxi.com/Website/business4/MarketView.asp?ID=234816&MarketID=6060"
                        target="_blank"><img class="img02" height="46"
                        src="鸿禧台商网－引领商务生活#_files/234816_200718151750.jpg"
                        width="46" border="0" /></a><br /></td>
              <td valign="center" align="middle" width="25%" height="50"><a
                        title="磬石茶具"
                        href="http://www.hongxi.com/Website/business4/MarketView.asp?ID=234816&MarketID=6061"
                        target="_blank"><img class="img02" height="46"
                        src="鸿禧台商网－引领商务生活#_files/234816_200718151854.jpg"
                        width="46" border="0" /></a><br /></td>
              <td valign="center" align="middle" width="25%" height="50"><a
                        title="出售豪华型帕萨特"
                        href="http://www.hongxi.com/Website/business4/MarketView.asp?ID=234773&MarketID=6068"
                        target="_blank"><img class="img02" height="46"
                        src="鸿禧台商网－引领商务生活#_files/234773_200719135356.jpg"
                        width="46" border="0" /></a><br /></td>
            </tr>
          </tbody>
        </table></td>
        <td class="line03"
                style="PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; PADDING-TOP: 4px"
                valign="top" align="left" width="50%"><ul class="list4">
          <li><a title="法式冲浪维琪浴"
                    href="http://www.hongxi.com/Website/business4/MarketView.asp?ID=234855&MarketID=6120"
                    target="_blank">法式冲浪维琪浴</a> </li>
          <li><a title="★JUICY COUTURE（美国流行休闲品牌）"
                    href="http://www.hongxi.com/Personal/Default/MarketView.asp?ID=235005&MarketID=6119"
                    target="_blank">★JUICY COUTURE（…</a> </li>
          <li><a title="供应各类塑料袋,手提袋,购物袋,包装袋,背心袋"
                    href="http://www.hongxi.com/Website/business3/MarketView.asp?ID=182455&MarketID=5929"
                    target="_blank">供应各类塑料袋,手提袋,购物袋…</a> </li>
          <li><a title="超低价批发各种海水与淡水鱼!"
                    href="http://www.hongxi.com/Website/business3/MarketView.asp?ID=234934&MarketID=6092"
                    target="_blank">超低价批发各种海水与淡水鱼!</a> </li>
          <li><a title="超级正宗马来西亚雪山红金花"
                    href="http://www.hongxi.com/Website/business3/MarketView.asp?ID=234934&MarketID=6093"
                    target="_blank">超级正宗马来西亚雪山红金花</a> </li>
          <li><a title="磬石琴"
                    href="http://www.hongxi.com/Website/business4/MarketView.asp?ID=234816&MarketID=6060"
                    target="_blank">磬石琴</a> </li>
        </ul></td>
      </tr>
      <tr>
        <td
                style="PADDING-RIGHT: 6px; PADDING-LEFT: 0px; PADDING-BOTTOM: 1px; PADDING-TOP: 3px"
                valign="center" align="right" bgcolor="#f2f2f2" colspan="2"><a
                  href="http://www.hongxi.com/biz/SearchProvide.asp">更多互动商机→</a></td>
      </tr>
    </tbody>
</table>


<table class="boxbold" style="DISPLAY: none; BORDER-TOP-STYLE: none"
            height="136" cellspacing="0" cellpadding="0" width="100%" border="0">
    <tbody>
      <tr>
        <td class="line03 line05"
                style="PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; PADDING-TOP: 4px"
                valign="center" align="middle" width="140"><table cellspacing="0" cellpadding="0" width="100%" border="0">
          <tbody>
            <tr>
              <td valign="center" align="middle" width="25%" height="50"><a
                        href="http://www.hongxi.com/company/list.asp?ClassID=7"><img
                        class="img02" alt="企业开办申请"
                        src="鸿禧台商网－引领商务生活#_files/a_img18.gif"
                      border="0" /></a><br /></td>
              <td valign="center" align="middle" width="25%"><a
                        href="http://www.hongxi.com/company/list.asp?ClassID=8"><img
                        class="img02" alt="企业变更申请"
                        src="鸿禧台商网－引领商务生活#_files/a_img19.gif"
                      border="0" /></a><br /></td>
            </tr>
            <tr>
              <td valign="center" align="middle" width="25%" height="55"><a
                        href="http://www.hongxi.com/company/list.asp?ClassID=9"><img
                        class="img02" alt="企业准营申请"
                        src="鸿禧台商网－引领商务生活#_files/a_img20.gif"
                      border="0" /></a><br /></td>
              <td valign="center" align="middle" width="25%"><a
                        href="http://www.hongxi.com/company/list.asp?ClassID=18"><img
                        class="img02" alt="企业注销申请"
                        src="鸿禧台商网－引领商务生活#_files/a_img21.gif"
                      border="0" /></a><br /></td>
            </tr>
          </tbody>
        </table></td>
        <td class="line03"
                style="PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; PADDING-TOP: 4px"
                valign="top" align="left"><ul class="list4">
          <li><a title="天津俩月不交建设方案土地将收回"
                    href="http://www.hongxi.com/company/view.asp?ArticleID=10997"
                    target="_blank">天津俩月不交建设方案土地将收回</a> </li>
          <li><a title="国税总局：房地产项目未售完也要交土地增值税"
                    href="http://www.hongxi.com/company/view.asp?ArticleID=10939"
                    target="_blank">国税总局：房地产项目未售完也要交土地增值…</a> </li>
          <li><a title="天津新土地管理条例三月施行"
                    href="http://www.hongxi.com/company/view.asp?ArticleID=10938"
                    target="_blank">天津新土地管理条例三月施行</a> </li>
          <li><a title="福州市建设项目须62天内审批完毕"
                    href="http://www.hongxi.com/company/view.asp?ArticleID=10670"
                    target="_blank">福州市建设项目须62天内审批完毕</a> </li>
          <li><a title="江苏：南京市国土部挂牌07年第一号土地出让公告"
                    href="http://www.hongxi.com/company/view.asp?ArticleID=10669"
                    target="_blank">江苏：南京市国土部挂牌07年第一号土地出…</a> </li>
          <li><a title="《南京市土地储备办法》2月1日起将实施"
                    href="http://www.hongxi.com/company/view.asp?ArticleID=10509"
                    target="_blank">《南京市土地储备办法》2月1日起将实施</a> </li>
        </ul></td>
      </tr>
      <tr>
        <td
                style="PADDING-RIGHT: 6px; PADDING-LEFT: 0px; PADDING-BOTTOM: 1px; PADDING-TOP: 3px"
                valign="center" align="right" bgcolor="#f2f2f2" colspan="2"><a
                  href="http://www.hongxi.com/company/list.asp?ClassID=30">更多企业服务→</a></td>
      </tr>
    </tbody>
</table>


<table class="boxbold" style="DISPLAY: none; BORDER-TOP-STYLE: none"
            height="136" cellspacing="0" cellpadding="0" width="100%" border="0">
    <tbody>
      <tr>
        <td class="line03 line05"
                style="PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; PADDING-TOP: 4px"
                valign="center" align="middle" width="165"><img class="img02" alt=""
                  src="鸿禧台商网－引领商务生活#_files/zhanhui.gif" border="0" /><br /></td>
        <td class="line03"
                style="PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; PADDING-TOP: 4px"
                valign="top" align="left"><ul class="list4">
          <li><span class="sp01"
                    style="WIDTH: 70px; COLOR: #000">2006-11-20</span><a
                    title="上海台商生活展"
                    href="http://www.hongxi.com/company/view.asp?ArticleID=9104"
                    target="_blank">上海台商生活展</a> </li>
          <li><span class="sp01"
                    style="WIDTH: 70px; COLOR: #000">2006-11-07</span><a
                    title="2008第三届江苏国际船舶工业高峰研讨会"
                    href="http://www.hongxi.com/company/view.asp?ArticleID=9103"
                    target="_blank">2008第三届江苏国际船…</a> </li>
          <li><span class="sp01"
                    style="WIDTH: 70px; COLOR: #000">2006-11-07</span><a
                    title="第三届华南国际消防产品展览及技术交流会"
                    href="http://www.hongxi.com/company/view.asp?ArticleID=9102"
                    target="_blank">第三届华南国际消防产品展…</a> </li>
          <li><span class="sp01"
                    style="WIDTH: 70px; COLOR: #000">2006-11-07</span><a
                    title="2007巴黎国际汽车零部件及工艺装备展览会"
                    href="http://www.hongxi.com/company/view.asp?ArticleID=9101"
                    target="_blank">2007巴黎国际汽车零部…</a> </li>
          <li><span class="sp01"
                    style="WIDTH: 70px; COLOR: #000">2006-11-07</span><a
                    title="2007年俄罗斯莫斯科国际汽车及配件展览会（MIMS）"
                    href="http://www.hongxi.com/company/view.asp?ArticleID=9100"
                    target="_blank">2007年俄罗斯莫斯科国…</a> </li>
          <li><span class="sp01"
                    style="WIDTH: 70px; COLOR: #000">2006-11-07</span><a
                    title="2007第九届东博国际机床模具展览会"
                    href="http://www.hongxi.com/company/view.asp?ArticleID=9099"
                    target="_blank">2007第九届东博国际机…</a> </li>
        </ul></td>
      </tr>
      <tr>
        <td
                style="PADDING-RIGHT: 6px; PADDING-LEFT: 0px; PADDING-BOTTOM: 1px; PADDING-TOP: 3px"
                valign="center" align="right" bgcolor="#f2f2f2" colspan="2"><a
                  href="http://www.hongxi.com/company/list.asp?ClassID=55">更多展会资讯→</a></td>
      </tr>
    </tbody>
</table>


<table class="boxbold" style="DISPLAY: none; BORDER-TOP-STYLE: none"
            height="136" cellspacing="0" cellpadding="0" width="100%" border="0">
    <tbody>
      <tr>
        <td class="line03"
                style="PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; PADDING-TOP: 4px"
                valign="center" align="left"><table cellspacing="0" cellpadding="0" width="100%" border="0">
          <tbody>
            <tr>
              <td width="14%" height="19"><a
                        onclick="ShowSearchUserInfor();"
                        href="javascript:void(0);">安全防护</a></td>
              <td width="15%"><a onclick="ShowSearchUserInfor();"
                        href="javascript:void(0);">环保</a></td>
              <td width="15%"><a onclick="ShowSearchUserInfor();"
                        href="javascript:void(0);">食品饮料</a></td>
              <td width="15%"><a onclick="ShowSearchUserInfor();"
                        href="javascript:void(0);">包装、纸</a></td>
              <td width="15%"><a onclick="ShowSearchUserInfor();"
                        href="javascript:void(0);">家居用品</a></td>
              <td width="14%"><a onclick="ShowSearchUserInfor();"
                        href="javascript:void(0);">通讯产品</a></td>
            </tr>
            <tr>
              <td colspan="2" height="19"><a
                        onclick="ShowSearchUserInfor();"
                        href="javascript:void(0);">办公文教及光仪</a></td>
              <td width="15%"><a onclick="ShowSearchUserInfor();"
                        href="javascript:void(0);">家用电器</a></td>
              <td width="15%"><a onclick="ShowSearchUserInfor();"
                        href="javascript:void(0);">玩具</a></td>
              <td width="15%"><a onclick="ShowSearchUserInfor();"
                        href="javascript:void(0);">计算机软件</a></td>
              <td width="14%"><a onclick="ShowSearchUserInfor();"
                        href="javascript:void(0);">建材房地产</a></td>
            </tr>
            <tr>
              <td width="14%" height="19"><a
                        onclick="ShowSearchUserInfor();"
                        href="javascript:void(0);">冶金矿产</a></td>
              <td width="15%"><a onclick="ShowSearchUserInfor();"
                        href="javascript:void(0);">电子电工</a></td>
              <td width="15%"><a onclick="ShowSearchUserInfor();"
                        href="javascript:void(0);">交通运输</a></td>
              <td width="15%"><a onclick="ShowSearchUserInfor();"
                        href="javascript:void(0);">医疗保健</a></td>
              <td width="15%"><a onclick="ShowSearchUserInfor();"
                        href="javascript:void(0);">纺织皮革</a></td>
              <td width="14%"><a onclick="ShowSearchUserInfor();"
                        href="javascript:void(0);">礼品工艺品</a></td>
            </tr>
            <tr>
              <td colspan="2" height="19"><a
                        onclick="ShowSearchUserInfor();"
                        href="javascript:void(0);">印刷出版媒体传播</a></td>
              <td width="15%"><a onclick="ShowSearchUserInfor();"
                        href="javascript:void(0);">服饰</a></td>
              <td width="15%"><a onclick="ShowSearchUserInfor();"
                        href="javascript:void(0);">能源</a></td>
              <td width="15%"><a onclick="ShowSearchUserInfor();"
                        href="javascript:void(0);">运动休闲</a></td>
              <td width="14%"><a onclick="ShowSearchUserInfor();"
                        href="javascript:void(0);">农业</a></td>
            </tr>
            <tr>
              <td colspan="2" height="19"><a
                        onclick="ShowSearchUserInfor();"
                        href="javascript:void(0);">机械及工业制品</a></td>
              <td width="15%"><a onclick="ShowSearchUserInfor();"
                        href="javascript:void(0);">商业服务</a></td>
              <td width="15%"><a onclick="ShowSearchUserInfor();"
                        href="javascript:void(0);">化工</a></td>
              <td width="15%"><a onclick="ShowSearchUserInfor();"
                        href="javascript:void(0);">汽摩及配件</a></td>
              <td width="14%"><a onclick="ShowSearchUserInfor();"
                        href="javascript:void(0);">其他</a></td>
            </tr>
          </tbody>
        </table></td>
      </tr>
      <tr>
        <td
                style="PADDING-RIGHT: 6px; PADDING-LEFT: 0px; PADDING-BOTTOM: 1px; PADDING-TOP: 3px"
                valign="center" align="right" bgcolor="#f2f2f2"><a
                  href="http://www.hongxi.com/biz/SearchUserInfor.asp">更多企业名录→</a></td>
      </tr>
    </tbody>
</table>

</div>
<SCRIPT languague="javascript">
function ShowClass(strDiv,intTable)
{
var obj,i,j,objUl,objLi,objLink,objDiv,objTable;
obj=event.srcElement;
obj.blur();
objUl=GetParentObj(obj,"UL");
if (objUl!=null)
{
  objLi=objUl.childNodes;
  for (i=0;i<objLi.length;i++)
  {
   objLink=GetChildObj(objLi[i],"A");
   if (objLink!=null)
   {
    if (objLink!=obj)
    {
     objLink.className="";
    }
    else
    {
     objLink.className="aON"; // obj=event.srcElement;点击了那个那个将改变css
    }
   }
  }
}
objDiv=document.getElementById(strDiv);
if (objDiv!=null)
{
  objTable=objDiv.childNodes;
  j=0;
  for (i=0;i<objTable.length;i++)
  {
   if (objTable[i].tagName=="TABLE")//其下是TABLE是属性， table[i]变none,只有一个变none
   {
    j++;
    if (j!=intTable)
    {
     objTable[i].style.display="none";
    }
    else
    {
     objTable[i].style.display="";
    }
   }
  }
}
}
function ShowTools1(strDiv,intDiv)
{
var obj,i,j,objParentDiv,objChildDiv,objDiv;
obj=event.srcElement;
obj.blur();
objParentDiv=GetParentObj(obj,"DIV");
if (objParentDiv!=null)
{
  objChildDiv=objParentDiv.childNodes;
  for (i=0;i<objChildDiv.length;i++)
  {
   if (objChildDiv[i]!=obj)
   {
    objChildDiv[i].className="tool1";
   }
   else
   {
    objChildDiv[i].className="tool2";
   }
  }
}
objDiv=document.getElementById(strDiv);
if (objDiv!=null)
{
  objChildDiv=objDiv.childNodes;
  j=0;
  for (i=0;i<objChildDiv.length;i++)
  {
   if (objChildDiv[i].tagName=="DIV")
   {
    j++;
    if (j!=intDiv)
    {
     objChildDiv[i].style.display="none";
    }
    else
    {
     objChildDiv[i].style.display="";
    }
   }
  }
}
}
function ShowTools2(strDiv,intTable)
{
var obj,i,j,objParentDiv,objChildDiv,objDiv,objTable;
obj=event.srcElement;
obj.blur();
objParentDiv=GetParentObj(obj,"DIV");
if (objParentDiv!=null)
{
  objChildDiv=objParentDiv.childNodes;
  for (i=0;i<objChildDiv.length;i++)
  {
   if (objChildDiv[i].className!="zu1")
   {
    if (objChildDiv[i]!=obj)
    {
     objChildDiv[i].className="zu2";
    }
    else
    {
     objChildDiv[i].className="zu3";
    }
   }
  }
}
objDiv=document.getElementById(strDiv);
if (objDiv!=null)
{
  objTable=objDiv.childNodes;
  j=0;
  for (i=0;i<objTable.length;i++)
  {
   if (objTable[i].tagName=="TABLE")
   {
    j++;
    if (j!=intTable)
    {
     objTable[i].style.display="none";
    }
    else
    {
     objTable[i].style.display="";
    }
   }
  }
}
}
function GetChildObj(obj,strTagName)//返回名为参数的子标签,
{
var i,objChild;
objChild=obj.childNodes;
for (i=0;i<objChild.length;i++)
{
  if (objChild[i].tagName==strTagName)
  {
   return objChild[i];
  }
}
return null;
}
function GetParentObj(obj,strTagName)//)//返回名为参数的父标签,
{
var i,objParent;
objParent=obj.parentNode;
while (objParent.tagName!=strTagName && objParent!=null)
{
  objParent=objParent.parentNode;
}
return objParent;
}

</SCRIPT>
</body>
</html>

--------------------------------------------------------------------------------------------

<!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" />
<style>
UL.NewIndexList1 {
BORDER-RIGHT: #329a69 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #329a69 1px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: #329a69 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #329a69 1px solid; LIST-STYLE-TYPE: none
}
UL.NewIndexList1 LI {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
UL.NewIndexList1 A {//仿onmouseout
PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; FONT-WEIGHT: bold; BACKGROUND: url(http://www.hongxi.com/images/newyear/a_bg01.gif) no-repeat; PADDING-BOTTOM: 0px; WIDTH: 133px; COLOR: #fff; PADDING-TOP: 2px; HEIGHT: 18px; TEXT-ALIGN: left
}
UL.NewIndexList1 A:hover {//仿onmouseover
PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; FONT-WEIGHT: bold; BACKGROUND: url(http://www.hongxi.com/images/newyear/a_bg02.gif) no-repeat; PADDING-BOTTOM: 0px; WIDTH: 133px; COLOR: #fff; PADDING-TOP: 2px; HEIGHT: 18px; TEXT-ALIGN: left
}
</style>
<title>无标题文档</title>
</head>

<body>
<UL class=NewIndexList1>
              <LI><A title=搜索服务
              href="http://www.hongxi.com/search/searchhx.asp"> <IMG
              class=img_new1 src="http://www.hongxi.com/images/bg_daohang01.png"
              border=0>  搜索服务</A>
              <LI><A title=企业 href="http://www.hongxi.com/company"> <IMG
              class=img_new1 src="http://www.hongxi.com/images/bg_daohang02.png"
              border=0>  企业</A>
              <LI><A title=开发区 href="http://www.hongxi.com/invest"> <IMG
              class=img_new1 src="http://www.hongxi.com/images/bg_daohang03.png"
              border=0>  开发区</A>
              <LI><A title=个人 href="http://www.hongxi.com/space"> <IMG
              class=img_new1 src="http://www.hongxi.com/images/bg_daohang04.png"
              border=0>  个人</A>
              <LI><A title=商铺 href="http://www.hongxi.com/Shopping"> <IMG
              class=img_new1 src="http://www.hongxi.com/images/bg_daohang05.png"
              border=0>  商铺</A>
              <LI><A title=财经
              href="http://www.hongxi.com/business/money.asp"> <IMG
              class=img_new1 src="http://www.hongxi.com/images/bg_daohang06.png"
              border=0>  财经</A>
              <LI><A title=餐馆 href="http://www.hongxi.com/eatery"> <IMG
              class=img_new1 src="http://www.hongxi.com/images/bg_daohang07.png"
              border=0>  餐馆</A>
              <LI><A title=旅游
              href="http://www.hongxi.com/business/tour.asp"> <IMG
              class=img_new1 src="http://www.hongxi.com/images/bg_daohang08.png"
              border=0>  旅游</A>
              <LI><A title=风水 href="http://www.hongxi.com/business"> <IMG
              class=img_new1 src="http://www.hongxi.com/images/bg_daohang09.png"
              border=0>  风水</A>
              <LI><A title=设计 href="http://www.hongxi.com/conde/"> <IMG
              class=img_new1 src="http://www.hongxi.com/images/bg_daohang10.png"
              border=0>  设计</A>
              <LI><A title=交友
              href="http://www.hongxi.com/Town/SearchFriend.asp"> <IMG
              class=img_new1 src="http://www.hongxi.com/images/bg_daohang11.png"
              border=0>  交友</A>
              <LI><A title=博客
              href="http://www.hongxi.com/Town/SearchBlog.asp"> <IMG
              class=img_new1 src="http://www.hongxi.com/images/bg_daohang12.png"
              border=0>  博客</A>
              <LI><A title=相册
              href="http://www.hongxi.com/Town/SearchPhoto.asp"> <IMG
              class=img_new1 src="http://www.hongxi.com/images/bg_daohang13.png"
              border=0>  相册</A>
              <LI><A title=论坛 href="http://www.hongxi.com/bbs"> <IMG
              class=img_new1 src="http://www.hongxi.com/images/bg_daohang14.png"
              border=0>  论坛</A>
              <LI><A title=积分
              href="http://www.hongxi.com/Star/prize.asp"> <IMG
              class=img_new1 src="http://www.hongxi.com/images/bg_daohang16.png"
              border=0>  积分</A>
              <LI><A title=社区活动 href="http://www.hongxi.com/Star"> <IMG
              class=img_new1 src="http://www.hongxi.com/images/bg_daohang15.png"
              border=0>  社区活动</A>
              <LI><A title=会员活动
              href="http://www.hongxi.com/Town/SearchActivity.asp"> <IMG
              class=img_new1 src="http://www.hongxi.com/images/bg_daohang21.png"
              border=0>  会员活动</A>
              <LI><A title=企业管理
              href="http://www.hongxi.com/Office/OA.asp"> <IMG
              class=img_new1 src="http://www.hongxi.com/images/bg_daohang17.png"
              border=0>  企业管理</A>
              <LI><A title=即时通讯
              href="http://www.hongxi.com/Office/Message.asp"> <IMG
              class=img_new1 src="http://www.hongxi.com/images/bg_daohang18.png"
              border=0>  即时通讯</A>
              <LI><A title=RSS阅读器
              href="http://www.hongxi.com/rss/rss.asp"> <IMG class=img_new1
              src="http://www.hongxi.com/images/bg_daohang19.png"
              border=0>  RSS阅读器</A>
              <LI><A title=帮助
              href="http://www.hongxi.com/Help/Service_help.asp"> <IMG
              class=img_new1 src="http://www.hongxi.com/images/bg_daohang20.png"
              border=0>  帮助</A> </LI></UL>
     </body>
</html>

----------------------------------------------------------------

var intValue=0;
var intTitle="";

//*********************************************************
//   简/繁体转换模块
//   通过简体s和繁体t字库对应转换HTML
//   模块开始
//*********************************************************
document.write("<script language='javascript' src='//Script//language.js'><//script>");

    function String.prototype.s2t()//将string增加一个方法，再次优化一下language.js
    {
        var k='';
        for(var i=0;i<this.length;i++) k+=(s.indexOf(this.charAt(i))==-1)?this.charAt(i):t.charAt(s.indexOf(this.charAt(i)))
        return k;
    }
    function String.prototype.t2s()
    {
        var k='';
        for(var i=0;i<this.length;i++) k+=(t.indexOf(this.charAt(i))==-1)?this.charAt(i):s.charAt(t.indexOf(this.charAt(i)))
        return k;
    }
    function s2t()
    {
  if (document.readyState!="complete")
  {
   setTimeout("s2t();",200);
   return false;
  }
        if (intValue==0)
        {
   StranBody();
   if (document.getElementById('gb2big')!=null)
   {
    document.getElementById('gb2big').src='/images/gb.gif';
    document.getElementById('gb2big').alt='转换到简体';
   }
   if (document.getElementById('gb2big2')!=null)
   {
    document.getElementById('gb2big2').src='/images/gb.gif';
    document.getElementById('gb2big2').alt='转换到简体';
   }
            intValue=1;
        }
        else
        {
   StranBody();
   if (document.getElementById('gb2big')!=null)
   {
    document.getElementById('gb2big').src='/images/big5.gif';
    document.getElementById('gb2big').alt='转换到繁体';
   }
   if (document.getElementById('gb2big2')!=null)
   {
    document.getElementById('gb2big2').src='/images/big5.gif';
    document.getElementById('gb2big2').alt='转换到繁体';
   }
            intValue=0;
        }
    }
//*********************************************************
//   简/繁体转换模块
//   模块结束
//*********************************************************

//*********************************************************
//   动态变换样式表模块
//   通过切换LINK中的SRC文件实现动态样式表切换
//*********************************************************
function setActiveStyleSheet(title){
var obj=document.getElementsByTagName("link")[0];
if (obj!=null)
{
  document.body.style.filter="blendtrans(duration=3)";
  document.body.filters[0].apply();
  obj.href="css/"+title+".css";
  if (title=="style03")
  {
   document.getElementById("top01").style.display='none';
   document.getElementById("top02").style.display='';
   createCookie("hongxistyle_index", title, 365);
  }
  else
  {
   try
   {
    document.getElementById("top01").style.display='';
    document.getElementById("top02").style.display='none';
   }
   catch (e)
   {
   }
   createCookie("hongxistyle", title, 365);
   createCookie("hongxistyle_index", "", 365);
  }
  document.body.filters[0].play();
}
}
function setActiveStyleSheetChild(title){//可采用服务端，来换，不过js可以更好些, 可查一些可换页面的论坛(dvbbs)
var obj=document.getElementsByTagName("link")[0];
if (obj!=null)
{
  document.body.style.filter="blendtrans(duration=3)";//转换方式
  document.body.filters[0].apply();
  obj.href="../css/"+title+".css";//css路直
  if (title=="style03")//03特别，style01, style02一般
  {
   document.getElementById("top01").style.display='none';
   document.getElementById("top02").style.display='';
   createCookie("hongxistyle_index", title, 365); //建立cookies，方便下个页面一样，cookies是个好东西，可以客户创建的服务端访问，也可服务端创建的客户端访问。跟<input type=text>每次都与服务器交互。
  }
  else
  {
   try
   {
    document.getElementById("top01").style.display='';
    document.getElementById("top02").style.display='none';
   }
   catch (e)
   {
   }
   createCookie("hongxistyle", title, 365);
   createCookie("hongxistyle_index", "", 365);
  }
  document.body.filters[0].play();
}
}
//*********************************************************
//   创建Cookie
//   记录用户选择的样式表变量
//*********************************************************
function createCookie(nm,val,y){//建立cookies,
var exp="";
if(y){
  var dt=new Date();
  dt.setTime(dt.getTime()+(y*86400000));
  exp="; expires="+dt.toGMTString();
}
document.cookie=nm+"="+escape(val)+exp+";path=/";
}
function readCookie(nm){ //让客户端可以根据cookies来换style, 不过现在采用的是asp，cookies[nmVal]的方式在服务端输出不同的css
var m="";
if(window.RegExp){
  var re=new RegExp(";//s*"+nm+"=([^;]*)","i");
  m=re.exec(';'+document.cookie);
}
return(m?unescape(m[1]):"");
}
//*********************************************************
//   动态变换样式表模块
//   模块结束
//*********************************************************
</script>
</head>