开发中常用的滑门特效

<!---选项卡-----><DIV id=con>  <UL id=tags>    <LI class="selectTag" style="margin-left:10px;"><A  onmousemove="selectTag('tagContent0',this)"  href="/News/Mqc_list?Cateid=71"><h3>信访工作</h3> </A> </LI>    <LI><A  onmousemove="selectTag('tagContent1',this)"  href="/News/law"><h3>法律服务</h3></LI>    <li style="margin-left:116px; text-align:right;"><a style="color:#2D7DAE;" href="/News/law" target="_blank">更多>></a></li>  </UL>  <DIV id=tagContent>    <DIV class="tagContent selectTag" id=tagContent0><%= ViewData["[秘群处]信访工作_top8"] %> <%--   <div class=more><a href="/News/Mqc_list?Cateid=71" target=_blank>更多>></a></div>--%>    </DIV>    <DIV class="tagContent" id=tagContent1><%=ViewData["举案说法_top9"] %>  <%--   <div class=more><a href="/News/law" target=_blank>更多>></a></div>--%>    </DIV>  </DIV></DIV><!-----选项卡end--->  <SCRIPT type=text/javascript>      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";      }</SCRIPT>