《燕雀-星岚网络工作室主题》js代码 自动切换的tab选项
以下是《燕雀-星岚网络工作室主题》的首页tab切换板块的历史代码
$(function(){
$(".tab_box #tab_b li").mouseover(function(){
$(this).addClass('tab_active').siblings().removeClass('tab_active');
var index = $(this).index();
number = index;
$('.tab_box #tab_d ul').hide();
$('.tab_box #tab_d ul:eq('+index+')').show();
});
var auto = 1; //等于1则自动切换，其他任意数字则不自动切换
if(auto ==1){
var number = 0;
var maxNumber = $('.tab_box #tab_b li').length;
function autotab(){
number++;
number == maxNumber? number = 0 : number;
$('.tab_box #tab_b li:eq('+number+')').addClass('tab_active').siblings().removeClass('tab_active');
$('.tab_box #tab_d ul:eq('+number+')').show().siblings().hide();
}
var tabChange = setInterval(autotab,3000);
//鼠标悬停暂停切换
$('.tab_box').mouseover(function(){
clearInterval(tabChange);
});
$('.tab_box').mouseout(function(){
tabChange = setInterval(autotab,3000);
});
}
});本文链接：https://h.finchui.com/wangzhan/4718.html 转载需授权！
在线咨询