zoukankan      html  css  js  c++  java
  • 一段按页自动滚动文字或图片的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元素定义也可以
  • 相关阅读:
    响应式Web设计- 背景图片
    55、装饰器的写法以及应用场景。
    54、用尽量多的方法实现单例模式
    53、 什么是反射?以及应用场景?
    52、列举面向对象中的特殊成员以及应用场景
    51、静态方法和类方法区别?
    算法----练习题2
    50、如何判断是函数还是方法?
    49、是否使用过functools中的函数?其作用是什么?
    48、面向对象中super的作用?
  • 原文地址:https://www.cnblogs.com/goody9807/p/874380.html
Copyright © 2011-2022 走看看