tab动态切换JS代码hover

一、用到的函数

一般在hover里编写切换代码

$('').hover(function(){  

 })

二、常用的代码：

1、取得当前元素的index

代码示例：index = $('.tab-h3-item').index($(this));

2、添加或去掉css

代码示例：

$('.tab-h3-home').removeClass('sel');
$(this).addClass('sel');

3、隐藏或显示元素或DIV块

$('.tn-list').hide();
$('#list'+index).show();

三、完整的代码示例：

$('.tab-h3-item').hover(function(){
            index = $('.tab-h3-item').index($(this));
            
            //选中当前tab
            
            $('.tab-h3-item').removeClass('sel');
            $('.tab-h3-home').removeClass('sel');
            $(this).addClass('sel');
            
            $('.tn-list').hide();
            $('#list'+index).show();
        },function(){

    })

    $('.tab-h3-home').hover(function(){        
            //选中当前tab
            $('.tab-h3-item').removeClass('sel');
            $('.tab-h3-home').removeClass('sel');
            $(this).addClass('sel');
            
            $('.tn-list').hide();
            $('#list').show();
        },function(){

    })