《燕雀-星岚网络工作室主题》js代码 自动切换的tab选项

燕山网络科技2022-04-10347

以下是《燕雀-星岚网络工作室主题》的首页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://www.hnysnet.com/wangzhan/4718.html 转载需授权!

分享到:

网友评论

最新发布

燕山网络科技在线咨询

上班时间:9:00-22:00
周六、周日:14:00-22:00
wechat
扫一扫二维码,添加客服微信

15639981097

上班时间:9:00-22:00
周六、周日:14:00-22:00

扫一扫二维码,添加客服微信