JavaScript实现Tab选项卡切换的方法

   
• 5
   
• 5
   
• 5
   
• 5
  

css就不放了

js

window.onload = function(){
 var allLis = $('tab_header').getElementsByTagName('li');
 var allDoms = $('tab_body').getElementsByClassName('dom');
 console.log(allLis,allDoms);
 // 遍历拿到的allLis
 for(var i =0; i
这里面的 function $(id) 是我封装的一个dom id选择器，在里面先拿到准备操作的事件源，遍历拿到的数组，onmouseover鼠标移入时，再次遍历一数组，将数组里所有的classname 变为空,以及display样式隐藏，在移入时，移入哪个，给哪个赋值即可。
感谢各位的阅读！关于“JavaScript实现Tab选项卡切换的方法”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识，如果觉得文章不错，可以把它分享出去让更多的人看到吧！
            
            
                        

            标题名称：JavaScript实现Tab选项卡切换的方法            

            分享网址：http://www.ytofo.com/article/gjsgsd.html
        
    
    

        
其他资讯
        

            

                    重做日志管理
                

                    linux查看文件大小的方法
                

                    怎么让tomcat服务增加java的启动命令
                

                    Opencv实现读取摄像头和视频数据
                

                    组合数据类型（集合）