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

技术2022-05-11 119

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 οnclick="ShowSearchUserInfor();" href="javascript:void(0);">安全防护</a></td> <td width="15%"><a οnclick="ShowSearchUserInfor();" href="javascript:void(0);">环保</a></td> <td width="15%"><a οnclick="ShowSearchUserInfor();" href="javascript:void(0);">食品饮料</a></td> <td width="15%"><a οnclick="ShowSearchUserInfor();" href="javascript:void(0);">包装、纸</a></td> <td width="15%"><a οnclick="ShowSearchUserInfor();" href="javascript:void(0);">家居用品</a></td> <td width="14%"><a οnclick="ShowSearchUserInfor();" href="javascript:void(0);">通讯产品</a></td> </tr> <tr> <td colspan="2" height="19"><a οnclick="ShowSearchUserInfor();" href="javascript:void(0);">办公文教及光仪</a></td> <td width="15%"><a οnclick="ShowSearchUserInfor();" href="javascript:void(0);">家用电器</a></td> <td width="15%"><a οnclick="ShowSearchUserInfor();" href="javascript:void(0);">玩具</a></td> <td width="15%"><a οnclick="ShowSearchUserInfor();" href="javascript:void(0);">计算机软件</a></td> <td width="14%"><a οnclick="ShowSearchUserInfor();" href="javascript:void(0);">建材房地产</a></td> </tr> <tr> <td width="14%" height="19"><a οnclick="ShowSearchUserInfor();" href="javascript:void(0);">冶金矿产</a></td> <td width="15%"><a οnclick="ShowSearchUserInfor();" href="javascript:void(0);">电子电工</a></td> <td width="15%"><a οnclick="ShowSearchUserInfor();" href="javascript:void(0);">交通运输</a></td> <td width="15%"><a οnclick="ShowSearchUserInfor();" href="javascript:void(0);">医疗保健</a></td> <td width="15%"><a οnclick="ShowSearchUserInfor();" href="javascript:void(0);">纺织皮革</a></td> <td width="14%"><a οnclick="ShowSearchUserInfor();" href="javascript:void(0);">礼品工艺品</a></td> </tr> <tr> <td colspan="2" height="19"><a οnclick="ShowSearchUserInfor();" href="javascript:void(0);">印刷出版媒体传播</a></td> <td width="15%"><a οnclick="ShowSearchUserInfor();" href="javascript:void(0);">服饰</a></td> <td width="15%"><a οnclick="ShowSearchUserInfor();" href="javascript:void(0);">能源</a></td> <td width="15%"><a οnclick="ShowSearchUserInfor();" href="javascript:void(0);">运动休闲</a></td> <td width="14%"><a οnclick="ShowSearchUserInfor();" href="javascript:void(0);">农业</a></td> </tr> <tr> <td colspan="2" height="19"><a οnclick="ShowSearchUserInfor();" href="javascript:void(0);">机械及工业制品</a></td> <td width="15%"><a οnclick="ShowSearchUserInfor();" href="javascript:void(0);">商业服务</a></td> <td width="15%"><a οnclick="ShowSearchUserInfor();" href="javascript:void(0);">化工</a></td> <td width="15%"><a οnclick="ShowSearchUserInfor();" href="javascript:void(0);">汽摩及配件</a></td> <td width="14%"><a οnclick="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>

专利

最新回复(0)