当前路径: 星河码客 » 插件特效 » js带缩略图广告图片轮播特效

js带缩略图广告图片轮播特效

主要js代码window.onload=function(){ var aPicLi=document.getElementById('pic_list').getElementsByTagName('li'); var aTextLi=document.getElementById('text_list').getElementsByTagName('li'); var aIcoLi=document.getElementById('ico_list').getElementsByTagName('li'); var oIcoUl=document.getElementById('ico_list').getElementsByTagName('ul')[0]; var oPrev=document.getElementById('btn_prev'); var oNext=document.getElementById('btn_next'); var oDiv=document.getElementById('box'); var i=0; var iNowUlLeft=0; var iNow=0; oPrev.onclick=function(){ if(iNowUlLeft>0){ iNowUlLeft--; oUlleft(); } oPrev.className=iNowUlLeft==0?'btn':'btn showBtn'; oNext.className=iNowUlLeft==(aIcoLi.length-7)?'btn':'btn showBtn'; } oNext.onclick=function(){ if(iNowUlLeft=aIcoLi.length){ iNow=0; } if(iNow=iNowUlLeft+7){ iNowUlLeft=iNow-6; } oPrev.className=iNowUlLeft==0?'btn':'btn showBtn'; oNext.className=iNowUlLeft==(aIcoLi.length-7)?'btn':'btn showBtn'; oUlleft(); tab(); } var time=setInterval(autoplay,3000); oDiv.onmouseover=function(){ clearInterval(time); } oDiv.onmouseout=function(){ time=setInterval(autoplay,3000); }}

js带缩略图广告图片轮播特效

在线演示        积分下载        6毛下载        砍两刀下载       

文件目录······
暂无数据
 猜你喜欢 更多»
 工具推荐 更多»