js 滚动、切换代码的搜集

 

JS不间断向上滚动

< div id = demo style = overflow:hidden;height: 139 ;width: 232 ;background:#f4f4f4;color:#ffffff >< div id = demo1 >
< img src = " http://www.xxxx.com/lanren/jscode/js-0063/images/01.jpg " >
< img src = " http://www.xxxx.com/lanren/jscode/js-0063/images/02.jpg " >
< / div>
< div id = demo2 >< / div>
< / div>
    < script >
    var  speed = 50
   demo2.innerHTML = demo1.innerHTML
    function  Marquee(){
    if (demo2.offsetTop - demo.scrollTop <= 0 )
   demo.scrollTop -= demo1.offsetHeight
    else {
   demo.scrollTop ++
   }
   }
    var  MyMar = setInterval(Marquee,speed)
   demo.onmouseover = function () {clearInterval(MyMar)}
   demo.onmouseout = function () {MyMar = setInterval(Marquee,speed)}
    < / script>

JS不间断向下滚动
< div id = demo style = overflow:hidden;height: 139 ;width: 232 ;background:#f4f4f4;color:#ffffff >< div id = demo1 >
< img src = " http://www.xxxx.com/lanren/jscode/js-0063/images/01.jpg " >
< img src = " http://www.xxxx.com/lanren/jscode/js-0063/images/02.jpg " >
< / div>
< div id = demo2 >< / div>
< / div>
     < script >
     var  speed = 30
    demo2.innerHTML = demo1.innerHTML
    demo.scrollTop = demo.scrollHeight
     function  Marquee(){
     if (demo1.offsetTop - demo.scrollTop >= 0 )
    demo.scrollTop += demo2.offsetHeight
     else {
    demo.scrollTop --
    }
    }
     var  MyMar = setInterval(Marquee,speed)
    demo.onmouseover = function () {clearInterval(MyMar)}
    demo.onmouseout = function () {MyMar = setInterval(Marquee,speed)}
     < / script>

JS不间断向左滚动
< div id = demo style = overflow:hidden;height: 139 ;width: 232 ;background:#f4f4f4;color:#ffffff >< table align = left cellpadding = 0  cellspace = 0  border = 0 >< tr >< td id = demo1 valign = top >< img src = " http://www.xxxx.com/lanren/jscode/js-0063/images/01.jpg " >< img src = " http://www.xxxx.com/lanren/jscode/js-0063/images/02.jpg " >< td >
< td id = demo2 valign = top >< / td>< / tr >< / table>< / div >
< script >
var  speed = 30
demo2.innerHTML = demo1.innerHTML
function  Marquee(){
if (demo2.offsetWidth - demo.scrollLeft <= 0 )
demo.scrollLeft -= demo1.offsetWidth
else {
demo.scrollLeft ++
}
}
var  MyMar = setInterval(Marquee,speed)
demo.onmouseover = function () {clearInterval(MyMar)}
demo.onmouseout = function () {MyMar = setInterval(Marquee,speed)}
< / script>