码迷,mamicode.com
首页 > Web开发 > 详细

js切换换class

时间:2016-05-22 15:16:01      阅读:317      评论:0      收藏:0      [点我收藏+]

标签:

 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();

    });   

});

 

tab切换的两段js

 

js切换换class

标签:

原文地址:http://www.cnblogs.com/zuosong160522/p/5516690.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!