_slide_url=['/About_Honeycomb/Customer/','/Specialty/','/rescue_24H/','/News/0562/','/Services/Special_Info/']; _slide_imgarr=['https://sky.honeycomb-tr.com/uppld/sr/12288/slide-business(CN).png','https://sky.honeycomb-tr.com/uppld/sr/12288/26.png','https://sky.honeycomb-tr.com/uppld/sr/12288/23.png','https://sky.honeycomb-tr.com/uppld/sr/12288/24.png','https://sky.honeycomb-tr.com/uppld/sr/12288/25.png']; _slideno=-1 , _slide_interval='' function sliding(n){ var l=_slide_imgarr.length, no=(_slideno+n)%l no=(no<0)? no+l :no, _slideno=no var a=(n==-1)? _hide_left:_hide_right // 指定滑入图片 var u= '###'; _slide_url[no] let i=_slide_imgarr[no], cn=a.className a.parentNode.href=u, a.src=i, a.className="show" // 指示器变化 var b=document.querySelectorAll('div.slide-indicators span') b.forEach(e=>e.className=''), b[_slideno].className='active' // 过1秒后更新当前图片。 function slideover(){ _slide_show.parentNode.href=u, _slide_show.src=i a.className=cn ; // console.log( no, cn,_slide_show,a ) } setTimeout(slideover,1000) } function autoslide(){ _slide_interval=setInterval( function(){sliding(1)},8000) } function stopslide(){ clearInterval(_slide_interval); // 滑动图片复原 _hide_left.className="hide-left", _hide_right.className="hide-right" } function switchright() { stopslide(); sliding(1)} function switchleft() { stopslide(); sliding(-1)} function slidemount() { // 指示器初始化,然后开始自动滚动 document.querySelector('div.slide-indicators').innerHTML=''.repeat(_slide_imgarr.length) document.querySelectorAll('div.slide-indicators span')[0].className='active' sliding(1); autoslide() } slidemount()