$(document).ready(function(){ let window_height = $(window).height() $('.full-page-item').height(window_height) let array = new Array() let length = $('.full-page-item').length for (let i = 0; i < length ; i++) { array.push(i*window_height) } let flag = false $('.full-page-item').bind('mousewheel',function(event, delta){ if(!flag){ flag = true let index = $(this).index() let scroll_height = 0 let show_index = 0 if(index=0){ if(show_index!=5){ if(show_index!=index){ $('.full-page-item').eq(show_index).find('.block_content').css('display','block') $('.full-page-item').eq(index).find('.block_content').css('display','none') } } if(show_index==0){ $('.full-page-item').eq(show_index).find('.block_content').css('display','flex') $('.full-page-item').eq(index).find('.block_content').css('display','none') } } }) } $('.swiper-wrapper').delegate('.swiper-right','click',function(){ let index = $(this).index() doSwiper(index) }) function doSwiper(index){ if(index<$('.swiper-item').length-1&&index>0){ for (let i = 0; i < $('.swiper-item').length; i++) { if(i==index-1){ $('.swiper-item').eq(i).attr('class','swiper-item swiper-left') }else if(i==index){ $('.swiper-item').eq(i).attr('class','swiper-item swiper-mid') }else if(i==index+1){ $('.swiper-item').eq(i).attr('class','swiper-item swiper-right') }else{ $('.swiper-item').eq(i).attr('class','swiper-item swiper-none') } } }else if(index==$('.swiper-item').length-1){ for (let i = 0; i < $('.swiper-item').length; i++) { if(i==index-1){ $('.swiper-item').eq(i).attr('class','swiper-item swiper-left') }else if(i==$('.swiper-item').length-1){ $('.swiper-item').eq(i).attr('class','swiper-item swiper-mid') }else if(i==0){ $('.swiper-item').eq(i).attr('class','swiper-item swiper-right') }else{ $('.swiper-item').eq(i).attr('class','swiper-item swiper-none') } } }else if(index==0){ for (let i = 0; i < $('.swiper-item').length; i++) { if(i==1){ $('.swiper-item').eq(i).attr('class','swiper-item swiper-right') }else if(i==0){ $('.swiper-item').eq(i).attr('class','swiper-item swiper-mid') }else if(i==$('.swiper-item').length-1){ $('.swiper-item').eq(i).attr('class','swiper-item swiper-left') }else{ $('.swiper-item').eq(i).attr('class','swiper-item swiper-none') } } } $('.swiper-dot-item').eq(index).addClass('swiper-dot-item-actived').siblings('').removeClass('swiper-dot-item-actived') } function autoPlay(){ let interval = setInterval(function(){ doSwiper($('.swiper-right').index()) },3000) } autoPlay() })