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元素定义也可以
  • 相关阅读:
    python16_day03【集合、编码、函数、递归、内置函数】
    python16_day02【列表、字典】
    django 自定义用户表替换系统默认表
    用国内镜像源pip加速安装模块
    python虚拟环境的搭建命令mkvirtualenv
    测试分类
    bug理论
    测试用例的优先级
    测试流程
    测试理论
  • 原文地址:https://www.cnblogs.com/goody9807/p/874380.html
Copyright © 2011-2022 走看看