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元素定义也可以
  • 相关阅读:
    中文分词学习整理
    机器学习
    TimSort学习资料
    小段子
    Load和CPU利用率是如何算出来的
    sql server xml 截断
    System.Security.Cryptography.CryptographicException: 系统找不到指定的文件
    优化笔记: jxrsfxrxx_D_20140916.gz
    优化笔记: 此两个产品每天8点30分开始,要跑一个小时,看看是否有提升空间
    优化笔记:pfyhparopenfundinfotest_D_20140916.gz
  • 原文地址:https://www.cnblogs.com/goody9807/p/874380.html
Copyright © 2011-2022 走看看