js向上下左右滚动图片代码已经测试.docVIP

head-----/headbody ！--向下滚动代码开始--div id=colee style=overflow:hidden;height:253px;width:410px;div id=colee1pimg src=/ppimg src=/ppimg src=/ppimg src=/ppimg src=/ppimg src=/ppimg src=/ppimg src=/ppimg src=/p/divdiv id=colee2/div/divscriptvar speed=30;var colee2=document.getElementById(colee2);var colee1=document.getElementById(colee1);var colee=document.getElementById(colee);colee2.innerHTML=colee1.innerHTML; //克隆colee1为colee2function Marquee1(){//当滚动至colee1与colee2交界时if(colee2.offsetTop-colee.scrollTop=0){?colee.scrollTop-=colee1.offsetHeight; //colee跳到最顶端?}else{?colee.scrollTop++}}var MyMar1=setInterval(Marquee1,speed)//设置定时器//鼠标移上时清除定时器达到滚动停止的目的colee.onmouseover=function() {clearInterval(MyMar1)}//鼠标移开时重设定时器colee.onmouseout=function(){MyMar1=setInterval(Marquee1,speed)}/script !--向上滚动代码结束-- ? br !--下面是向下滚动代码-- div id=colee_bottom style=overflow:hidden;height:253px;width:410px;div id=colee_bottom1pimg src=/jscss/demoimg/200907/bg3.jpg/ppimg src=/jscss/demoimg/200907/bg3.jpg/ppimg src=/jscss/demoimg/200907/bg3.jpg/ppimg src=/jscss/demoimg/200907/bg3.jpg/ppimg src=/jscss/demoimg/200907/bg3.jpg/ppimg src=/jscss/demoimg/200907/bg3.jpg/ppimg src=/jscss/demoimg/200907/bg3.jpg/ppimg src=/jscss/demoimg/200907/bg3.jpg/ppimg src=/jscss/demoimg/200907/bg3.jpg/p/divdiv id=colee_bottom2/div/divscriptvar speed=30var colee_bottom2=document.getElementById(colee_bottom2);var colee_bottom1=document.getElementById(colee_bottom1);var colee_bottom=document.getElementById(colee_bottom);colee_bottom2.innerHTML=colee_bottom1.innerHTMLcolee_bottom.scrollTop=colee_bottom.scrollHeightfunction Marquee2(){if(colee_bottom1.offsetTop-colee_bottom.scrollTop=0)colee_bottom.scrollTop+=colee_bottom2.offsetHeightelse{colee_bottom.scrollTop--}}var MyMar2=setInterval(Marquee2,speed)colee_bottom.onmouseover=function() {clearInterval(MyMar2)}colee_bottom.onmouseout=function() {MyMar2=setInterval(Marquee2,speed)}/script !--向下滚动代码结束-- br ? !-