开发中常用的滑门特效

最新推荐文章于 2019-04-04 10:47:47 发布

小K黑哥

最新推荐文章于 2019-04-04 10:47:47 发布

阅读量476

点赞数

分类专栏：前端开发

本文链接：https://blog.csdn.net/kdm8866/article/details/8645829

版权

前端开发专栏收录该内容

3 篇文章 0 订阅

订阅专栏

<!---选项卡----->
<DIV id=con>

  <UL id=tags>
    <LI class="selectTag" style="margin-left:10px;"><A  οnmοusemοve="selectTag('tagContent0',this)"  href="/News/Mqc_list?Cateid=71"><h3>信访工作</h3> </A> </LI>
    <LI><A  οnmοusemοve="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>