网站首页  汉语字词  英语词汇  考试资料  写作素材  旧版资料

请输入您要查询的范文：

　

标题 javascript实现标签切换代码示例
范文
    本文给大家分享的事tab切换的两段js，均可实现标签切换功能，大家根据自己的需求自由选择
    两则代码都很简单，这里就不多废话了，直接上代码
    代码1
    代码如下:
    function ntabs(thisObj,Num)
          {if(thisObj.className == "active")return;  
          var tabObj = thisObj.parentNode.id;  
          var tabList = document.getElementById(tabObj).getElementsByTagName("li");  
          for(i=0; i <tabList.length; i++)
            {if (i == Num)
              {thisObj.className = "active";  
              document.getElementById(tabObj+"_cont"+i).style.display = "block";  
              }
              else{  
                tabList[i].className = "normal";  
                document.getElementById(tabObj+"_cont"+i).style.display = "none";  
            }  
          }  
        }  
    代码2
    代码如下:
    $(document).ready(function(){
      var $tab_li = $('.tab ul li');
      $tab_li.hover(function(){
        $(this).addClass('selected').siblings().removeClass('selected');
        var index = $tab_li.index(this);
        $('div.tab_box > div').eq(index).show().siblings().hide();
      });  
    });
随便看

　

在线学习网范文大全提供好词好句、学习总结、工作总结、演讲稿等写作素材及范文模板，是学习及工作的有利工具。

　

Copyright © 2002-2024 cuapp.net All Rights Reserved
更新时间：2025/5/23 3:24:06