JS实现滚动条图片左右切换特效代码 - 滚动代码 - js代码

JS实现滚动条图片左右切换特效代码发布时间:2015-09-2116:38:36您是第位浏览者本js特效代码兼容:ie6、ie7、ie8、ie9、ie10、ie11、chrome、firefox、opera、safari、等浏览器functionmyEvent(obj,ev,fu){(on+ev,fu):(ev,fu,false);}=function(){varoBox=(ztboxvaroLeft=(leftvaroRight=(rightvaroConter=(contervaroUl=(ul)[0];varoLi=(livaroScroll=(scrollvaroSpan=(span)[0];vari=0;=1250+px//variWidth=/(/)variWidth=416;==function(){=hover//点击左侧按钮=function(){varbutscroll=;oscroll(butscroll);};//点击右侧按钮=function(){varbutscroll=+iWidth;oscroll(butscroll);};};//点击滚动条=function(e){varoEvent=e||event;varbutscroll=/2;oscroll(butscroll);};=function(e){varoEvent=e||event;=true;}==function(){=};//拖拽滚动条variX=0;=function(e){varoEvent=e||event;iX=;=function(e){varoEvent=e||event;varl=;td(l);returnfalse;};=function(){=null;=null;};returnfalse;};//滚轮事件functionfuScroll(e){varoEvent=e||event;varl=;(=iWidth:l+=iWidth):(+=iWidth:l-=iWidth);oscroll(l)if(){();}}myEvent(oConter,mousewheel,fuScroll);myEvent(oConter,DOMMouseScroll,fuScroll);//滚动事件functionoscroll(l){if(l0){l=0;}elseif(){l=;}varscrol=l/();sMove(oSpan,left,(l));sMove(oUl,left,-+(((+15))*scrol));}functiontd(l){if(l0){l=0;}elseif(){l=;}varscrol=l/();=l+=-+((+15))*scrol+px}};//运动框架functiongetStyle(obj,attr){[attr]:getComputedStyle(obj,false)[attr];}functionsMove(obj,attr,iT,onEnd){clearInterval();=setInterval(function(){dMove(obj,attr,iT,onEnd);},30);}functiondMove(obj,attr,iT,onEnd){variCur=0;attr==opacityiCur=parseInt(parseFloat(getStyle(obj,attr)*100)):iCur=parseInt(getStyle(obj,attr));variS=(iT-iCur)/5;iS=(iS):(iS);if(iCur==iT){clearInterval();if(onEnd){onEnd();}}else{if(attr==opacity){=alpha(opacity:+(iCur+iS)+)=(iCur+iS)/100;}else{[attr]=iCur+iS+px}}}。

JS实现滚动条图片左右切换特效代码 - 滚动代码 - js代码