求自下往上滚动代码

解决方案 »

  1.   

    <div id=demo style=overflow:hidden;height:139;width:232;background:#f4f4f4;color:#ffffff><div id=demo1>
    </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>
      

  2.   

    1.图片滚动代码:<%-- 向右移动--%>
    <%--    <script type="text/javascript">
      <!--
                            var speed = 1//速度数值越大速度越慢小于1不能滚动
                            demo2.innerHTML = demo1.innerHTML
                             demo.scrollLeft = demo1.offsetWidth
                            function Marquee() {
                                if (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>--%>
        
        
    <%-- 向左移动--%>
     
      <script type="text/javascript">
      <!--
                            var speed = 1//速度数值越大速度越慢小于1不能滚动
                            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>
    2.公告栏滚动代码:    <MARQUEE id=srcolltext onmouseover=srcolltext.stop() style="FONT-SIZE: 9pt; LINE-HEIGHT: 15pt" onmouseout=srcolltext.start() scrollAmount=2 scrollDelay=100 direction=up height=120></MARQUEE>