• 一段按页自动滚动文字或图片的Js代码



    <div id=demo style="position:relative;padding:10px;border:solid 1px green;BACKGROUND: #ffffff; OVERFLOW: hidden; WIDTH: 510px; COLOR: red; HEIGHT: 100px">
        
    <div id="demo1" style="position:relative;">
          您的图片或者要滚动的内容1
    <br>
          您的图片或者要滚动的内容2
    <br>
          您的图片或者要滚动的内容3
    <br>
          您的图片或者要滚动的内容4
    <br>
          您的图片或者要滚动的内容5
    <br>
          您的图片或者要滚动的内容6
    <br>
          您的图片或者要滚动的内容7
    <br>
          您的图片或者要滚动的内容8
    <br>
          您的图片或者要滚动的内容9
    <br>
          您的图片或者要滚动的内容10
    <br>
          您的图片或者要滚动的内容12
    <br>
          您的图片或者要滚动的内容13
    <br>
          您的图片或者要滚动的内容14
    <br>
          您的图片或者要滚动的内容15
    <br>
          您的图片或者要滚动的内容16
    <br>
          您的图片或者要滚动的内容17
    <br>
          您的图片或者要滚动的内容18
    <br>
          您的图片或者要滚动的内容19
    <br>

        
    </div>
    </div>
    <SCRIPT language=javascript>
         
    var speed=2000;
         
    function scrollit()
         
    {

            
    var obj=document.getElementById("demo1");
            obj.style.posTop
    =obj.style.posTop-100;
            
    var offH=obj.style.posTop+obj.offsetHeight;
            alert(obj.style.posTop);
            
    if (offH<0)
            
    {
                obj.style.posTop
    =0;
            }

         }

         setInterval(scrollit,speed);
    </SCRIPT> 

    一次滚动一页,如果滚动图片就把div中的数据换为图片,用li元素定义也可以
  • 相关阅读:
    Go-闭包
    GO-数组与切片
    Go-包
    Go-for循环
    GO-逻辑判断(if,else if,else,switch)
    前后端分离的思考与实践(六)
    前后端分离的思考与实践(五)
    前后端分离的思考与实践(三)
    前后端分离的思考与实践(二)
    前后端分离的思考与实践(一)
  • 原文地址:https://www.cnblogs.com/goody9807/p/874380.html
Copyright © 2020-2023  润新知