js达人.来帮个忙好吗?

<style> /*tagContent Style*/ OL LI { MARGIN: 8px } #con { FONT-SIZE: 12px; MARGIN-RIGHT: 2px; WIDTH: 480px } #tags { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 0px; WIDTH: 450px; PADDING-TOP: 0px; HEIGHT: 23px } #tags LI { BACKGROUND: url(images/tagleft.gif) no-repeat left bottom; FLOAT: left; MARGIN-RIGHT: 1px; LIST-STYLE-TYPE: none; HEIGHT: 23px } #tags LI A { PADDING-RIGHT: 10px; PADDING-LEFT: 10px; BACKGROUND: url(images/tagright.gif) no-repeat right bottom; FLOAT: left; PADDING-BOTTOM: 0px; COLOR: #999; LINE-HEIGHT: 23px; PADDING-TOP: 0px; HEIGHT: 23px; TEXT-DECORATION: none } #tags LI.emptyTag { BACKGROUND: none transparent scroll repeat 0% 0%; WIDTH: 4px } #tags LI.selectTag { BACKGROUND-POSITION: left top; MARGIN-BOTTOM: -2px; POSITION: relative; HEIGHT: 25px } #tags LI.selectTag A { BACKGROUND-POSITION: right top; COLOR: #000; LINE-HEIGHT: 25px; HEIGHT: 25px } #tagContent { BORDER-RIGHT: #ddd 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #ddd 1px solid; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; BORDER-LEFT: #ddd 1px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #ddd 1px solid; } .tagContent { PADDING-RIGHT: 2px; DISPLAY: none; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; WIDTH: 480px; PADDING-TOP: 5px; HEIGHT: 210px } #tagContent DIV.selectTag { DISPLAY: block } #tagContent li { float: left; padding-left:1px; padding-bottom:7px; } #tagContent li span{ float: right; color:#ccc; font-size:10px; } /*tagContent Style*/ </style> <!--tabselect--> <div id="big" onmouseover="zhuan()" onmouseout="jixu()" class="column480" style="padding-left:3px;"> <DIV id="con"> <UL id="tags"> <LI class="selectTag"><A onmouseover="selectTag('tagContent0',this)" href="javascript:void(0)">123</A> </LI> <LI><A onmouseover="selectTag('tagContent1',this)" href="javascript:void(0)">322</A></LI> <LI><A onmouseover="selectTag('tagContent2',this)" href="javascript:void(0)">234</A></LI> </UL> <DIV id="tagContent"> <DIV class="tagContent selectTag" id="tagContent0"><li>内容1</li></DIV> <DIV class="tagContent" id="tagContent1"><li>内容2</li></DIV> <DIV class="tagContent" id="tagContent2"><li>内容3</li></DIV> </DIV> </DIV> <SCRIPT type="text/javascript"> var obig=document.getElementById("big"); function selectTag(showContent,selfObj){ var tag = document.getElementById("tags").getElementsByTagName("li"); var taglength = tag.length; for(i=0; i<taglength; i++){ tag[i].className = ""; } selfObj.parentNode.className = "selectTag"; for(i=0; j=document.getElementById("tagContent"+i); i++){ j.style.display = "none"; } document.getElementById(showContent).style.display = "block"; } <!---------------------------------------------xuhuan---------------------------------------------------------> var x=0; function scrollTag(){ var tags=document.getElementById("tags").getElementsByTagName("a"); if(x<2){x=x+1} else x=0; var tag = document.getElementById("tags").getElementsByTagName("li"); var taglength = tag.length; for(i=0; i<taglength; i++){ tag[i].className = ""; } tags[x].parentNode.className = "selectTag"; for(i=0; j=document.getElementById("tagContent"+i);i++){ j.style.display="none"; } document.getElementById("tagContent"+x).style.display="block"; } var scrolll=setInterval(scrollTag,2000); function zhuan(){ clearInterval(scrolll); } function jixu(){ scrolll=setInterval(scrollTag,2000); } </SCRIPT> </div> <!--/tabselect-->
 提示：您可以先修改部分代码再运行