// 轮播图下方 导航栏 点击事件 $(".public_nav_box a").click(function(){ $(".public_nav_box a").removeClass("on"); $(this).addClass("on"); }) // 滚动特效封装代码 /* id: 需要滚动的节点盒子 maxNum: 需要滚动到的数字 time: 滚动动画完成所需时间 */ function numScroll(id, maxNum, time) { let numDom = document.getElementById(id); // 获取节点 let numInit = 0; // 初始值 从0开始 let addNum = maxNum / (time / 10); // 滚动速度 let t = setInterval(function() { if (numInit >= maxNum) { clearInterval(t); // 关闭定时器 if(maxNum < 10){ numDom.innerText = maxNum; // 将节点内容改变成传参值 }else{ numDom.innerText = maxNum; // 将节点内容改变成传参值 } } else { if(maxNum < 10){ // 当前数值小于10 则0补位 numInit += addNum; numDom.innerText = "0" + Math.round(numInit); //动态改变数据 }else{ numInit += addNum; numDom.innerText = Math.round(numInit); //动态改变数据 } } }, 10) } // 轮播图--导航栏 (function(){ let num = 0; for(let i = 0; i<$(".public_nav_box").children().length - 1;i++){ num += parseInt($(`.public_nav_box a:eq(${i})`).width()) + 20 } function max_lunbo(){ if($(window).width() < 1000){ $(".public_nav_box").css("width",num+1); }else{ $(".public_nav_box").css("width","unset"); } } max_lunbo(); $(window).resize(function(){ max_lunbo(); }) }())