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元素定义也可以
  • 相关阅读:
    C++拷贝构造函数(深拷贝,浅拷贝)
    C++标准库和标准模板库
    MFC 定制控件(Customize Control) 及 MFC CWnd和WIN32 HWND关联方法
    MFC 对象与Win32 SDK 句柄的映射关系
    关于函数返回值的几种情况
    CreateWaitableTimer和SetWaitableTimer函数
    关于C++/C中防止头文件的重复包含的解决办法
    MFC 分割窗体(Splitter Windows)
    MFC中对话框的数据交换(DDX)和数据校验(DDV)
    MFC 消息映射表 及 相关宏定义
  • 原文地址:https://www.cnblogs.com/goody9807/p/874380.html
Copyright © 2011-2022 走看看