----------------------------------------
<SCRIPT language=javascript type=text/javascript> <!-- function setFocus3(i) { selectLayer3(i); } function selectLayer3(i) { switch(i) { case 1: document.getElementById("N1").style.display="block"; document.getElementById("N2").style.display="none"; document.getElementById("N3").style.display="none"; document.getElementById("N4").style.display="none"; document.getElementById("N5").style.display="none"; break; case 2: document.getElementById("N1").style.display="none"; document.getElementById("N2").style.display="block"; document.getElementById("N3").style.display="none"; document.getElementById("N4").style.display="none"; document.getElementById("N5").style.display="none"; break; case 3: document.getElementById("N1").style.display="none"; document.getElementById("N2").style.display="none"; document.getElementById("N3").style.display="block"; document.getElementById("N4").style.display="none"; document.getElementById("N5").style.display="none"; break; case 4: document.getElementById("N1").style.display="none"; document.getElementById("N2").style.display="none"; document.getElementById("N3").style.display="none"; document.getElementById("N4").style.display="block"; document.getElementById("N5").style.display="none"; break; case 5: document.getElementById("N1").style.display="none"; document.getElementById("N2").style.display="none"; document.getElementById("N3").style.display="none"; document.getElementById("N4").style.display="none"; document.getElementById("N5").style.display="block"; break; case 6: document.getElementById("N1").style.display="none"; document.getElementById("N2").style.display="none"; document.getElementById("N3").style.display="none"; document.getElementById("N4").style.display="none"; document.getElementById("N5").style.display="none"; break; } } --> </SCRIPT> <table cellspacing="1" cellpadding="0" width="100%" bgcolor="#b0beda" border="0"> <tbody> <tr> <td bgcolor="#ffffff"> <div align="center"> <div id="N1" style="DISPLAY: none"> <div> <div align="left"> <table cellspacing="0" cellpadding="0" width="100%" bgcolor="#b0beda" border="0"> <tbody> <tr> <td class="k-2" width="300" bgcolor="#ffffff" height="30"> <div align="center"><a class="l-a3" target="_blank" href="http://ny.xmu.edu.cn/hqgj"><strong>国际</strong></a></div> </td> <td class="k-3" width="300" bgcolor="#e2e8eb"> <div align="center"><a class="l-a3" onmouseover="javascript:setFocus3(2);" target="_self" href="javascript:setFocus3(2);">中国</a></div> </td> <td class="k-3" width="300" bgcolor="#e2e8eb"> <div align="center">内蒙古</div> </td> <td class="k-3" width="300" bgcolor="#e2e8eb"> <div align="center">包头市</div> </td> <td class="k-3" width="300" bgcolor="#e2e8eb"> <div align="center"><a class="l-a3" onmouseover="javascript:setFocus3(5);" target="_self" href="javascript:setFocus3(5);">青山区</a></div> </td> </tr> </tbody> </table> </div> </div> <div align="left"><!-- 默认内容 --> <table cellspacing="0" cellpadding="10" width="100%" bgcolor="#b0beda" border="0"> <tbody> <tr> <td valign="top" bgcolor="#ffffff" height="100"><!--begin 252536-159343-1--> <div class="topNews_b"> <ul> <li><a class="l-a6-13px" target="_blank" href="http://ny.xmu.edu.cn/hqgj/2008-10/17/content_7116385.htm">《华盛顿邮报》表态支持奥巴马 赞其具伟大总统潜质</a> </li> <li><a class="l-a6-13px" target="_blank" href="http://ny.xmu.edu.cn/hqgj/2008-10/17/content_7116317.htm">基地组织“生财有道” 成功逃脱金融危机影响</a> </li> <li><a class="l-a6-13px" target="_blank" href="http://ny.xmu.edu.cn/hqgj/2008-10/17/content_7115914.htm">美国底特律一高中附近发生枪击案 1人死亡3人受伤</a> </li> <li><a class="l-a6-13px" target="_blank" href="http://ny.xmu.edu.cn/hqgj/2008-10/17/content_7113528.htm">美国前第一夫人南希·里根摔断骨盆 康复需6至8周</a> </li> <li><a class="l-a6-13px" target="_blank" href="http://ny.xmu.edu.cn/hqgj/2008-10/17/content_7113575.htm">俄罗斯拒绝出席 格鲁吉亚问题国际会议无果而终</a> </li> <li><a class="l-a6-13px" target="_blank" href="http://ny.xmu.edu.cn/hqgj/2008-10/17/content_7113564.htm">为寻杀母凶手 英国少年建网站帮助擒获嫌疑犯</a> </li> <li><a class="l-a6-13px" target="_blank" href="http://ny.xmu.edu.cn/hqgj/2008-10/17/content_7113551.htm">美大选最后一场电视辩论火药味十足 民调倾向奥巴马</a> </li> </ul> </div> <!--end 252536-159343-1--></td> </tr> </tbody> </table> </div> </div> <div id="N2" style="DISPLAY: none"> <div> <div align="left"> <table cellspacing="0" cellpadding="0" width="100%" bgcolor="#b0beda" border="0"> <tbody> <tr> <td class="k-3" width="300" bgcolor="#e2e8eb"> <div align="center"><a class="l-a3" onmouseover="javascript:setFocus3(1);" target="_self" href="javascript:setFocus3(1);">国际</a></div> </td> <td class="k-2" width="300" bgcolor="#ffffff" height="30"> <div align="center"><a class="l-a3" target="_blank" href="http://ny.xmu.edu.cn/hqzg"><strong>中国</strong></a></div> </td> <td class="k-3" width="300" bgcolor="#e2e8eb"> <div align="center"><a class="l-a3" onmouseover="javascript:setFocus3(3);" target="_self" href="javascript:setFocus3(3);">内蒙古</a></div> </td> <td class="k-3" width="300" bgcolor="#e2e8eb"> <div align="center"><a class="l-a3" onmouseover="javascript:setFocus3(4);" target="_self" href="javascript:setFocus3(4);">包头市</a></div> </td> <td class="k-3" width="300" bgcolor="#e2e8eb"> <div align="center"><a class="l-a3" onmouseover="javascript:setFocus3(5);" target="_self" href="javascript:setFocus3(5);">青山区</a></div> </td> </tr> </tbody> </table> </div> </div> <div align="left"><!-- 默认内容 --> <table cellspacing="0" cellpadding="10" width="100%" bgcolor="#b0beda" border="0"> <tbody> <tr> <td valign="top" bgcolor="#ffffff" height="100"><!--begin 252537-161951-1--> <div class="topNews_b"> <ul> <li><a class="l-a6-13px" target="_blank" href="http://ny.xmu.edu.cn/2008-10/14/content_7105100.htm">外交部高度评价黑瞎子岛主权交接</a> </li> <li><a class="l-a6-13px" target="_blank" href="http://ny.xmu.edu.cn/hqzg/2008-10/14/content_7104295.htm">权威专家：瓶装水的PH值不是问题 可放心饮用</a> </li> <li><a class="l-a6-13px" target="_blank" href="http://ny.xmu.edu.cn/hqzg/2008-10/14/content_7102584.htm">“关于深化医药卫生体制改革的意见”公开征求意见</a> </li> <li><a class="l-a6-13px" target="_blank" href="http://ny.xmu.edu.cn/hqzg/2008-10/08/content_7088132.htm">三家跨国广告公司为设计制作辱华广告公开致歉</a> </li> <li><a class="l-a6-13px" target="_blank" href="http://ny.xmu.edu.cn/hqzg/2008-10/08/content_7088341.htm">美科学家发现第46个梅森素数</a> </li> <li><a class="l-a6-13px" target="_blank" href="http://ny.xmu.edu.cn/hqzg/2008-10/08/content_7086964.htm">涨跌看油价：我国相关行业如何找寻机遇</a> </li> <li><a class="l-a6-13px" target="_blank" href="http://ny.xmu.edu.cn/hqzg/2008-10/08/content_7086883.htm">十月“问责风暴”持续发力 呼唤问责专门法律</a> </li> </ul> </div> <!--end 252537-161951-1--></td> </tr> </tbody> </table> </div> </div> <div id="N3" style="DISPLAY: none"> <div> <div align="left"> <table cellspacing="0" cellpadding="0" width="100%" bgcolor="#b0beda" border="0"> <tbody> <tr> <td class="k-3" width="300" bgcolor="#e2e8eb"> <div align="center"><a class="l-a3" onmouseover="javascript:setFocus3(1);" target="_self" href="javascript:setFocus3(1);">国际</a></div> </td> <td class="k-3" width="300" bgcolor="#e2e8eb"> <div align="center"><a class="l-a3" onmouseover="javascript:setFocus3(2);" target="_self" href="javascript:setFocus3(2);">中国</a></div> </td> <td class="k-2" width="300" bgcolor="#ffffff" height="30"> <div align="center"><a class="l-a3" target="_blank" href="http://ny.xmu.edu.cn/hqcj"><strong>内蒙古</strong></a></div> </td> <td class="k-3" width="300" bgcolor="#e2e8eb"> <div align="center"><a class="l-a3" onmouseover="javascript:setFocus3(4);" target="_self" href="javascript:setFocus3(4);">包头市</a></div> </td> <td class="k-3" width="300" bgcolor="#e2e8eb"> <div align="center"><a class="l-a3" onmouseover="javascript:setFocus3(5);" target="_self" href="javascript:setFocus3(5);">青山区</a></div> </td> </tr> </tbody> </table> </div> </div> <div align="left"><!-- 默认内容 --> <table cellspacing="0" cellpadding="10" width="100%" bgcolor="#b0beda" border="0"> <tbody> <tr> <td valign="top" bgcolor="#ffffff" height="100"><!--begin 252538-162137-1--> <div class="topNews_b"> <ul> <li><a class="l-a6-13px" target="_blank" href="http://ny.xmu.edu.cn/hqcj/2008-10/17/content_7115938.htm">十问国际金融危机(八)中国外贸会否"雪上加霜"?</a> </li> <li><a class="l-a6-13px" target="_blank" href="http://ny.xmu.edu.cn/hqcj/2008-10/17/content_7115933.htm">自治区1</a> </li> <li><a class="l-a6-13px" target="_blank" href="http://ny.xmu.edu.cn/hqcj/2008-10/17/content_7114942.htm">自治区2</a> </li> <li><a class="l-a6-13px" target="_blank" href="http://ny.xmu.edu.cn/hqcj/2008-10/17/content_7114931.htm">自治区3</a> </li> <li><a class="l-a6-13px" target="_blank" href="http://ny.xmu.edu.cn/hqcj/2008-10/17/content_7114920.htm">自治区</a> </li> <li><a class="l-a6-13px" target="_blank" href="http://ny.xmu.edu.cn/hqcj/2008-10/17/content_7114909.htm">自治区5</a> </li> <li><a class="l-a6-13px" target="_blank" href="http://ny.xmu.edu.cn/hqcj/2008-10/16/content_7112889.htm">自治区6</a> </li> </ul> </div> <!--end 252538-162137-1--></td> </tr> </tbody> </table> </div> </div> <div id="N4" style="DISPLAY: none"> <div> <div align="left"> <table cellspacing="0" cellpadding="0" width="100%" bgcolor="#b0beda" border="0"> <tbody> <tr> <td class="k-3" width="300" bgcolor="#e2e8eb"> <div align="center"><a class="l-a3" onmouseover="javascript:setFocus3(1);" target="_self" href="javascript:setFocus3(1);">国际</a></div> </td> <td class="k-3" width="300" bgcolor="#e2e8eb"> <div align="center"><a class="l-a3" onmouseover="javascript:setFocus3(2);" target="_self" href="javascript:setFocus3(2);">中国</a></div> </td> <td class="k-3" width="300" bgcolor="#e2e8eb"> <div align="center"><a class="l-a3" onmouseover="javascript:setFocus3(3);" target="_self" href="javascript:setFocus3(3);">内蒙古</a></div> </td> <td class="k-2" width="300" bgcolor="#ffffff" height="30"> <div align="center"><a class="l-a3" target="_blank" href="http://ny.xmu.edu.cn/hqpl"><strong>包头市</strong></a></div> </td> <td class="k-3" width="300" bgcolor="#e2e8eb"> <div align="center"><a class="l-a3" onmouseover="javascript:setFocus3(5);" target="_self" href="javascript:setFocus3(5);">青山区</a></div> </td> </tr> </tbody> </table> </div> </div> <div align="left"><!-- 默认内容 --> <table cellspacing="0" cellpadding="10" width="100%" bgcolor="#b0beda" border="0"> <tbody> <tr> <td valign="top" bgcolor="#ffffff" height="100"><!--begin 252539-161954-1--> <div class="topNews_b"> <ul> <li><a class="l-a6-13px" target="_blank" href="http://ny.xmu.edu.cn/hqgj/2008-10/15/content_7105543.htm">为何欧盟难以统一应对金融危机</a> </li> <li><a class="l-a6-13px" target="_blank" href="http://ny.xmu.edu.cn/hqgj/2008-10/15/content_7105466.htm">包头市1</a> </li> <li><a class="l-a6-13px" target="_blank" href="http://ny.xmu.edu.cn/hqpl/2008-10/14/content_7104197.htm">包头市2</a> </li> <li><a class="l-a6-13px" target="_blank" href="http://ny.xmu.edu.cn/hqpl/2008-10/14/content_7104190.htm">包头市3</a> </li> <li><a class="l-a6-13px" target="_blank" href="http://ny.xmu.edu.cn/hqpl/2008-10/14/content_7103552.htm">包头市4</a> </li> <li><a class="l-a6-13px" target="_blank" href="http://ny.xmu.edu.cn/hqpl/2008-10/14/content_7103545.htm">包头市5</a> </li> <li><a class="l-a6-13px" target="_blank" href="http://ny.xmu.edu.cn/hqpl/2008-10/14/content_7103363.htm">包头市6</a> </li> </ul> </div> <!--end 252539-161954-1--></td> </tr> </tbody> </table> </div> </div> <div id="N5" style="DISPLAY: block"> <div> <div align="left"> <table cellspacing="0" cellpadding="0" width="100%" bgcolor="#b0beda" border="0"> <tbody> <tr> <td class="k-3" width="300" bgcolor="#e2e8eb"> <div align="center"><a class="l-a3" onmouseover="javascript:setFocus3(1);" target="_self" href="javascript:setFocus3(1);">国际</a></div> </td> <td class="k-3" width="300" bgcolor="#e2e8eb"> <div align="center"><a class="l-a3" onmouseover="javascript:setFocus3(2);" target="_self" href="javascript:setFocus3(2);">中国</a></div> </td> <td class="k-3" width="300" bgcolor="#e2e8eb"> <div align="center"><a class="l-a3" onmouseover="javascript:setFocus3(3);" target="_self" href="javascript:setFocus3(3);">内蒙古</a></div> </td> <td class="k-3" width="300" bgcolor="#e2e8eb"> <div align="center"><a class="l-a3" onmouseover="javascript:setFocus3(4);" target="_self" href="javascript:setFocus3(4);">包头市</a></div> </td> <td width="300" bgcolor="#ffffff" height="30"> <div align="center"><a class="l-a3" target="_blank" href="http://ny.xmu.edu.cn/hqbl"><strong>青山区</strong></a></div> </td> </tr> </tbody> </table> </div> </div> <div align="left"><!-- 默认内容 --> <table cellspacing="0" cellpadding="10" width="100%" bgcolor="#b0beda" border="0"> <tbody> <tr> <td valign="top" bgcolor="#ffffff" height="100"><!--begin 252540-161953-1--> <div class="topNews_b"> <ul> <li><a class="l-a6-13px" target="_blank" href="http://ny.xmu.edu.cn/hqbl/2008-10/17/content_7115379.htm">青山区深入贯彻落实科学发展观</a> </li> <li><a class="l-a6-13px" target="_blank" href="http://ny.xmu.edu.cn/hqbl/2008-10/17/content_7115331.htm">燃油费改税后看我区节能减排</a> </li> <li><u>食品安全见证应急机制</u> </li> <li><a class="l-a6-13px" target="_blank" href="http://ny.xmu.edu.cn/hqbl/2008-10/14/content_7102821.htm">青山区房地产行业的机遇和考验</a> </li> <li><a class="l-a6-13px" target="_blank" href="http://ny.xmu.edu.cn/hqbl/2008-10/14/content_7102786.htm">装备制造业的科技积聚获利几何</a> </li> <li><a class="l-a6-13px" target="_blank" href="http://ny.xmu.edu.cn/hqbl/2008-10/14/content_7102688.htm">青山区社会保障全覆盖</a> </li> <li><a class="l-a6-13px" target="_blank" href="http://ny.xmu.edu.cn/hqbl/2008-10/14/content_7102683.htm">网上救助使千余人受益</a> </li> </ul> </div> <!--end 252540-161953-1--></td> </tr> </tbody> </table> </div> </div> </div> </td> </tr> </tbody> </table>
<!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-Language" content="zh-cn" /> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <style type="text/css"> body { font-size:12px } /* 当前模块的总宽度为300px，不合适的自己调整吧，另外改变相关图片的路径的话注意修改css样式代码的图片路径 */ #slidingBlock { width:300px;border:1px #95CF92 solid;padding:1px;over-flow:hidden } #slidingBlock h4 { float:left;width:60px;height:30px;line-height:25px;text-align:center;font-size:12px;over-flow:hidden } #slidingBlock h4.menuNo { font-weight:normal;color:#333333;background:url(http://www.jscode.cn/jscode/js080508/images/slidingMenuLine.gif) repeat-x } #slidingBlock h4.menuOn { font-weight:bold;color:#ffffff;background:url(http://art.5d.cn/SArts/2008-11/525898411650.gif) no-repeat } #slidingBlock DIV.slidingList_none { display:none } #slidingBlock DIV.slidingList { margin:0px;padding:5px;height:150px } #slidingBlock DIV.slidingList ul { margin:0px;padding:0px } #slidingBlock DIV.slidingList li { height:20px;line-height:20px } #slidingBlock DIV.slidingList li span { font-size:12px;font-weight:normal;color:#ffffff;padding-left:4px;padding-right:8px } #slidingBlock DIV.slidingList li.one { background:url(http://www.jscode.cn/jscode/js080508/images/slidingTag1.gif) no-repeat } #slidingBlock DIV.slidingList li.two { background:url(http://www.jscode.cn/jscode/js080508/images/slidingTag2.gif) no-repeat } #slidingBlock DIV.slidingList li.thr { background:url(http://www.jscode.cn/jscode/js080508/images/slidingTag3.gif) no-repeat } </style> </head> <body> <div id="slidingBlock"> <script language="javascript"> function switchmodTag(modtag,modcontent,modk) { for(i=1; i <6; i++) { if (i==modk) { document.getElementById(modtag+i).className="menuOn";document.getElementById(modcontent+i).className="slidingList";} else { document.getElementById(modtag+i).className="menuNo";document.getElementById(modcontent+i).className="slidingList_none";} } } </script> <h4 class="menuNo" id="mod1" onmouseover="switchmodTag('mod','slidingList','1');this.blur();"> 国际</h4> <h4 class="menuNo" id="mod2" onmouseover="switchmodTag('mod','slidingList','2');this.blur();"> 中国</h4> <h4 class="menuNo" id="mod3" onmouseover="switchmodTag('mod','slidingList','3');this.blur();"> 内蒙古</h4> <h4 class="menuNo" id="mod4" onmouseover="switchmodTag('mod','slidingList','4');this.blur();"> 包头市</h4> <h4 class="menuOn" id="mod5" onmouseover="switchmodTag('mod','slidingList','5');this.blur();"> 青山区</h4> <div class="slidingList_none" id="slidingList1"> <ul> <li class="one"><span>1</span><a href="http://www.jscode.cn">第一个的信息第一个的信息</a></li> <li class="one"><span>2</span><a href="http://www.html.org.cn">第一个的信息第一个的信息</a></li> <li class="one"><span>3</span><a href="http://www.luwei.net.cn">第一个的信息第一个的信息信息信息</a></li> <li class="one"><span>4</span><a href="http://www.jscode.cn">第一个的信息第一个的信息</a></li> <li class="one"><span>5</span><a href="http://www.jscode.cn">第一个的信息第一个的信息</a></li> </ul> </div> <div class="slidingList_none" id="slidingList2"> <ul> <li class="two"><span>1</span><a href="http://www.jscode.cn">第二个的信息第二个的信息</a></li> <li class="two"><span>2</span><a href="http://www.html.org.cn">第二个的信息第二个的信息</a></li> <li class="two"><span>3</span><a href="http://www.luwei.net.cn">第二个的信息第二个的信息信息信息</a></li> <li class="two"><span>4</span><a href="http://www.jscode.cn">第二个的信息第二个的信息</a></li> <li class="two"><span>5</span><a href="http://www.jscode.cn">第二个的信息第二个的信息</a></li> <li class="two"><span>6</span><a href="http://www.jscode.cn">第二个的信息第二个的信息</a></li> <li class="two"><span>7</span><a href="http://www.jscode.cn">第二个的信息第二个的信息</a></li> </ul> </div> <div class="slidingList_none" id="slidingList3"> <ul> <li class="thr"><span>1</span><a href="http://www.jscode.cn">第三个的信息第三个的信息</a></li> <li class="thr"><span>2</span><a href="http://www.html.org.cn">第三个的信息第三个的信息</a></li> <li class="thr"><span>3</span><a href="http://www.luwei.net.cn">第三个的信息第三个的信息信息信息</a></li> <li class="thr"><span>4</span><a href="http://www.jscode.cn">第三个的信息第三个的信息</a></li> <li class="thr"><span>5</span><a href="http://www.jscode.cn">第三个的信息第三个的信息</a></li> </ul> </div> <div class="slidingList_none" id="slidingList4"> <ul> <li class="two"><span>1</span><a href="http://www.jscode.cn">第四个的信息第二个的信息</a></li> <li class="two"><span>2</span><a href="http://www.html.org.cn">第四个的信息第二个的信息</a></li> <li class="two"><span>3</span><a href="http://www.luwei.net.cn">第四个的信息第二个的信息信息信息</a></li> <li class="two"><span>4</span><a href="http://www.jscode.cn">第四个的信息第二个的信息</a></li> <li class="two"><span>5</span><a href="http://www.jscode.cn">第四个的信息第二个的信息</a></li> <li class="two"><span>6</span><a href="http://www.jscode.cn">第四个的信息第二个的信息</a></li> <li class="two"><span>7</span><a href="http://www.jscode.cn">第四个的信息第二个的信息</a></li> </ul> </div> <div class="slidingList" id="slidingList5"> <ul> <li class="thr"><span>1</span><a href="http://www.jscode.cn">第五个的信息第三个的信息</a></li> <li class="thr"><span>2</span><a href="http://www.html.org.cn">第五个的信息第三个的信息</a></li> <li class="thr"><span>3</span><a href="http://www.luwei.net.cn">第五个的信息第三个的信息信息信息</a></li> <li class="thr"><span>4</span><a href="http://www.jscode.cn">第五个的信息第三个的信息</a></li> <li class="thr"><span>5</span><a href="http://www.jscode.cn">第五个的信息第三个的信息</a></li> </ul> </div> </div> </body> </html>
---------------------------------------
<style type="text/css"> <!-- .ww1 {width:500px;background-color:#D1E7FC;border-top:1px solid #9EC9EC;border-left:1px solid #9EC9EC;} .ww1 td {border-right:1px solid #9EC9EC;border-bottom:1px solid #9EC9EC;height:28px;text-align:center;width:125px;font-size:12px;cursor:hand;} .ww1 td.s {border-bottom:1px solid #FFFFFF;font-weight:bold;background-color:#FFFFFF;} .ww2 {width:500px;border-right:1px solid #9EC9EC;border-top:none;border-left:1px solid #9EC9EC;border-bottom:1px solid #9EC9EC;font-size:12px;} .ww2 a:link {color:#00007f;text-decoration:none;} .ww2 a:visited {color:#800080;text-decoration:none;} .ww2 a:hover {color:#00007f;text-decoration:underline;} .ww2 a:active {color:#00007f;text-decoration:underline;} .dis {display:block} .undis {display:none} --> </style> <script> function getNames(obj,name,tij) { var p = document.getElementById(obj); var plist = p.getElementsByTagName(tij); var rlist = new Array(); for(i=0;i<plist.length;i++) { if(plist[i].getAttribute("name") == name) { rlist[rlist.length] = plist[i]; } } return rlist; } function butong_net(obj,name) { var p = obj.parentNode.getElementsByTagName("td"); var p1 = getNames(name,"f","div"); for(i=0;i<p1.length;i++) { if(obj==p[i]) { p[i].className = "s"; p1[i].className = "dis"; } else { p[i].className = ""; p1[i].className = "undis"; } } } </script> 2 把如下代码复制到<body>与</body>之间 <table border="0" cellpadding="0" cellspacing="0" class="ww1"> <tr> <td class="s" onmouseover="butong_net(this,'butong_net1')">网页特效集锦</td> <td onmouseover="butong_net(this,'butong_net1')">网页工具库1</td> <td onmouseover="butong_net(this,'butong_net1')">网页工具库2</td> <td onmouseover="butong_net(this,'butong_net1')">网页工具库3</td> </tr> </table> <table border="0" cellpadding="0" cellspacing="0" class="ww2"> <tr> <td height="60" align="center"> <div id=butong_net1> <div class=dis name="f"> <a href="http://7stk.com/background/index.htm" target="_blank">背景按钮特效</a> <a href="http://7stk.com/navigation/index.htm" target="_blank">导航菜单特效</a> <a href="http://7stk.com/img/index.htm" target="_blank">网页图片特效</a> <a href="http://7stk.com/text/index.htm" target="_blank">网页文本特效</a> <a href="http://7stk.com/other/index.htm" target="_blank">另类网页特效</a> </div> <div class=undis name="f"> <a href="http://7stk.com/tool/html_edit.htm" target="_blank">在线html编辑器</a> <a href="http://7stk.com/tool/css_edit/index.htm" target="_blank">在线CSS编辑器</a> <a href="http://7stk.com/tool/web_yanse.htm" target="_blank">网页颜色选择器</a> <a href="http://7stk.com/tool/gdtys.htm" target="_blank">滚动条颜色生成器</a> </div> <div class=undis name="f"> <a href="http://7stk.com/tool/open.htm" target="_blank">弹出窗口生成器</a> <a href="http://7stk.com/tool/ymxg.htm" target="_blank">页面过渡效果生成器</a> <a href="http://7stk.com/tool/jiamijiemi.htm" target="_blank">网页加密解密工具</a> </div> <div class=undis name="f"> <a href="http://7stk.com/tool/fjtzh.htm" target="_blank">文本繁简体转换工具</a> <a href="http://7stk.com/tool/hzzpy.htm" target="_blank">汉字转换成拼音工具</a> <a href="http://7stk.com/tool/wenzijiami.htm" target="_blank">文字加密解密工具</a> </div> </div> </td> </tr> </table>
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <style type="text/css"> body{font-size:12px;line-height:150%;margin:0;} table{font-size:12px;line-height:150%;} a:link {color:#000; text-decoration:none} a:visited {color:#000; text-decoration:none} a:active {color:#000; text-decoration:none} a:hover {color:#ff0000; text-decoration:underline} a.nav:link {color:#fff; text-decoration:none} a.nav:visited {color:#fff; text-decoration:none} a.nav:active {color:#fff; text-decoration:none} a.nav:hover {color:#fff; text-decoration:none} a.mtitle:link {color:#f00; text-decoration:none} a.mtitle:visited {color:#f00; text-decoration:none} a.mtitle:active {color:#f00; text-decoration:none} a.mtitle:hover {color:#f00; text-decoration:none} a.ftitle:link {color:#B85F00; text-decoration:none} a.ftitle:visited {color:#B85F00; text-decoration:none} a.ftitle:active {color:#B85F00; text-decoration:none} a.ftitle:hover {color:#B85F00; text-decoration:none} a.searchlink:link {color:#2E3192; text-decoration:none} a.searchlink:visited {color:#2E3192; text-decoration:none} a.searchlink:active {color:#2E3192; text-decoration:none} a.searchlink:hover {color:#2E3192; text-decoration:none} .table01{background: url(/images/allinone/02b02.gif);color:#fff;} .td01{background: url(/images/allinone/01b01.gif);height:27px;} .imgs{border:1px solid #BEBEBE;filter : progid:DXImageTransform.Microsoft.DropShadow(color=#E4E4E4,offX=2,offY=2,positives=true);} .title{font-size:18px;line-height:24px;font-weight:bold;letter-spacing: -1px;} .point{background: url(/images/allinone/02b03.gif);height:1px;} .td03a1{background: url(/images/allinone/03b01.gif);height:17px;width:24px;} .table03{background: url(/images/allinone/03b02.gif);line-height:17px;} .td03a2{background: url(/images/allinone/03b03.gif) repeat-y center;} .td03a3{padding-top:4px;} .td04a1{background: url(/images/allinone/04b01.gif);height:22px;width:27px;} .table04{background: url(/images/allinone/04b02.gif);} .fod1{background: url(/images/allinone/05b01.gif) no-repeat left;height:21px;padding-top:2px;} .fod2{background: url(/images/allinone/05b02.gif) no-repeat left;height:21px;padding-top:2px;} .table05{border:1px solid #FF6000;} .point1{background: url(/images/allinone/02b03.gif) repeat-x 4px;height:1px;} .td05a1{padding-left:4px;font-size:14px;font-weight:bold;text-align:center} .td05a2{padding-left:4px;} .div01{width:128px;border:1px solid #a6a6a6;padding:3px;} .schf01{width:35px;border-left:1px solid #6BA6DE;border-top:1px solid #6BA6DE;border-right:1px solid #6BA6DE;} .schf02{width:35px;border-bottom:1px solid #6BA6DE} .schf03{width:3px;border-bottom:1px solid #6BA6DE} .schtable{border-left:1px solid #6BA6DE;border-bottom:1px solid #6BA6DE;border-right:1px solid #6BA6DE;} .s01 {border:#6BA6DE 1px solid; border-bottom:0px; background:#EFF7FF; padding-top:1px} .s02 {border:#ffffff 1px solid; border-bottom:#6BA6DE 1px solid; background:#ffffff;} .c01 {color:#ffffff} .c10 {padding-left:3px; letter-spacing:-1px} .c11 {padding-left:6px;} </style> </head> <body scroll="no"> <script> current=0; function secBoard(n) { for(i=1;i<3;i++) { eval("document.getElementById('cl0"+i+"').className='s02'"); } eval("document.getElementById('cl0"+n+"').className='s01'"); eval("document.getElementById('secTable')"); current=n; for(i=1;i<3;i++) eval("tbx0"+i+".style.display='none'"); eval("tbx0"+n+".style.display='block'"); /*if( n == 1){ document.formsoqq.kind.value="page"; } else if(n == 2){ document.formsoqq.kind.value="img"; } else if(n == 3) { document.formsoqq.kind.value="news"; } else if(n == 4) { document.formsoqq.kind.value="dir"; } else{ document.formsoqq.kind.value="page"; }*/ } function changebg(n){ for(i=1;i<3;i++){ eval("document.getElementById('cl0"+i+"').className='s02'"); } if (current!=n){ eval("document.getElementById('cl0"+n+"').className='s01'"); } } </script> <table width="159" height="18" border="0" cellpadding="0" cellspacing="0" id="secTable"> <tr align="center"> <td id="cl01" width="38" class="s01" onClick="changebg(1);secBoard(1)" style="cursor=hand">1111</td> <td id="cl02" width="38" class="s02" onClick="changebg(2);secBoard(2)" style="cursor=hand">2222</td> </tr> </table> <table width="159" border="0" cellspacing="0" cellpadding="0" style="border:#6BA6DE 1px solid; border-top:0px; background:"> <tr> <td height="38"> <table width="100%" border="0" cellspacing="0" cellpadding="0" id="tbx01" style="display:block"> <tr> <td height="38" class="c11">1111111111111111111</td> </tr> </table> <table width="100%" border="0" cellspacing="0" cellpadding="0" id="tbx02" style="display:none"> <tr> <td height="38" class="c11">222222222222222222</td> </tr> </table> </td> </tr> <tr> <td height="2"></td> </tr> </table> </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-Language" content="zh-cn" /> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <meta name="robots" content="all" /> <meta name="author" content="在远方┊jscode.cn" /> <meta name="Copyright" content="copyright (c) 2008 www.jscode.cn" /> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <style type="text/css"> body { font-size:12px } /* 当前模块的总宽度为250px，不合适的自己调整吧，另外改变相关图片的路径的话注意修改css样式代码的图片路径 */ #slidingBlock { width:246px;border:1px #95CF92 solid;padding:1px;over-flow:hidden } #slidingBlock h4 { float:left;width:82px;height:30px;line-height:25px;text-align:center;font-size:12px;over-flow:hidden } #slidingBlock h4.menuNo { font-weight:normal;color:#333333;background:url(http://www.jscode.cn/jscode/js080508/images/slidingMenuLine.gif) repeat-x } #slidingBlock h4.menuOn { font-weight:bold;color:#ffffff;background:url(http://www.jscode.cn/jscode/js080508/images/slidingMenu.gif) no-repeat } #slidingBlock DIV.slidingList_none { display:none } #slidingBlock DIV.slidingList { margin:0px;padding:5px;height:150px } #slidingBlock DIV.slidingList ul { margin:0px;padding:0px } #slidingBlock DIV.slidingList li { height:20px;line-height:20px } #slidingBlock DIV.slidingList li span { font-size:12px;font-weight:normal;color:#ffffff;padding-left:4px;padding-right:8px } #slidingBlock DIV.slidingList li.one { background:url(http://www.jscode.cn/jscode/js080508/images/slidingTag1.gif) no-repeat } #slidingBlock DIV.slidingList li.two { background:url(http://www.jscode.cn/jscode/js080508/images/slidingTag2.gif) no-repeat } #slidingBlock DIV.slidingList li.thr { background:url(http://www.jscode.cn/jscode/js080508/images/slidingTag3.gif) no-repeat } </style> </head> <body> <div id="slidingBlock"> <script language="javascript"> function switchmodTag(modtag,modcontent,modk) { for(i=1; i <4; i++) { if (i==modk) { document.getElementById(modtag+i).className="menuOn";document.getElementById(modcontent+i).className="slidingList";} else { document.getElementById(modtag+i).className="menuNo";document.getElementById(modcontent+i).className="slidingList_none";} } } </script> <h4 class="menuOn" id="mod1" onmouseover="switchmodTag('mod','slidingList','1');this.blur();"> 最近更新</h4> <h4 class="menuNo" id="mod2" onmouseover="switchmodTag('mod','slidingList','2');this.blur();"> 近期推荐</h4> <h4 class="menuNo" id="mod3" onmouseover="switchmodTag('mod','slidingList','3');this.blur();"> 热门点击</h4> <div class="slidingList" id="slidingList1"> <ul> <li class="one"><span>1</span><a href="http://www.jscode.cn">第一个的信息第一个的信息</a></li> <li class="one"><span>2</span><a href="http://www.html.org.cn">第一个的信息第一个的信息</a></li> <li class="one"><span>3</span><a href="http://www.luwei.net.cn">第一个的信息第一个的信息信息信息</a></li> <li class="one"><span>4</span><a href="http://www.jscode.cn">第一个的信息第一个的信息</a></li> <li class="one"><span>5</span><a href="http://www.jscode.cn">第一个的信息第一个的信息</a></li> </ul> </div> <div class="slidingList_none" id="slidingList2"> <ul> <li class="two"><span>1</span><a href="http://www.jscode.cn">第二个的信息第二个的信息</a></li> <li class="two"><span>2</span><a href="http://www.html.org.cn">第二个的信息第二个的信息</a></li> <li class="two"><span>3</span><a href="http://www.luwei.net.cn">第二个的信息第二个的信息信息信息</a></li> <li class="two"><span>4</span><a href="http://www.jscode.cn">第二个的信息第二个的信息</a></li> <li class="two"><span>5</span><a href="http://www.jscode.cn">第二个的信息第二个的信息</a></li> <li class="two"><span>6</span><a href="http://www.jscode.cn">第二个的信息第二个的信息</a></li> <li class="two"><span>7</span><a href="http://www.jscode.cn">第二个的信息第二个的信息</a></li> </ul> </div> <div class="slidingList_none" id="slidingList3"> <ul> <li class="thr"><span>1</span><a href="http://www.jscode.cn">第三个的信息第三个的信息</a></li> <li class="thr"><span>2</span><a href="http://www.html.org.cn">第三个的信息第三个的信息</a></li> <li class="thr"><span>3</span><a href="http://www.luwei.net.cn">第三个的信息第三个的信息信息信息</a></li> <li class="thr"><span>4</span><a href="http://www.jscode.cn">第三个的信息第三个的信息</a></li> <li class="thr"><span>5</span><a href="http://www.jscode.cn">第三个的信息第三个的信息</a></li> </ul> </div> </div> </body> </html>
