$(function(){ // 鏃堕棿杞 var timerNum = 0; var space = 96; // 绉诲姩闂磋窛 var length = $('.timer-scale-cont').length, numL; // 鍒嗚鲸鐜 if(window.screen.width > 1500) { numL = length - 0 } else if(window.screen.width < 1500) { numL = length - 0 } // 鐐瑰嚮宸︿晶 $('.timer-left').on('click', function () { if(timerNum > 0) { timerNum -= 1; moveL(timerNum, numL) } tags(timerNum); }) // 鐐瑰嚮鍙充晶 $('.timer-right').on('click', function () { if(timerNum < length - 1) { timerNum += 1; tags(timerNum); } moveL(timerNum, numL) }) // 鐐瑰嚮骞 $('.time-circle').each(function (index) { $(this).on('click', function () { timerNum = index; moveL(timerNum, numL) tags(timerNum); }) }) function tags(num){ $('.timer-scale-cont').eq(num).addClass('hov').siblings().removeClass('hov'); $('.shaft-detail-cont').eq(num).show().siblings().hide(); } function moveL(num, len) { if (num < len) { moveLeft = -num * space; $('.timer-scale').animate({left:moveLeft}, 500); } } })