zoukankan      html  css  js  c++  java
  • asp.net图片滚动+JAVASCRIPT(向上)

    Code
    <title>图片连续循环滚动代码(向上)</title>
    <base

    href="http://image2.sina.com.cn/gm/lineage2/whz/newwh/images/fy/images/images/ifimage/">

    <div id=demo style="overflow:hidden; 128px; height:300px;">
    <div id=demo1>
    <img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br>
    <img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br>
    <img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br>
    <img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br>
    <img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br>
    <img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br>
    <img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br>
    <img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br>
    <img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br>
    <img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br>
    <img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br>
    </div>
    <div id=demo2></div>
    </div>
    <script language="javascript">
    var speed=30
    demo2.innerHTML
    =demo1.innerHTML
    function Marquee(){
    if(demo2.offsetTop-demo.scrollTop<=0)
    demo.scrollTop
    -=demo1.offsetHeight
    else{
    demo.scrollTop
    ++
    }
    }
    var MyMar=setInterval(Marquee,speed)
    demo.onmouseover
    =function() {clearInterval(MyMar)}
    demo.onmouseout
    =function() {MyMar=setInterval(Marquee,speed)}
    </script>

    这里和大家分享和学习如何学IT!
  • 相关阅读:
    向modesim中添加alter库 (或者在每次仿真时将库文件加入仿真文件夹一起编译)
    分布式文件系统FastDFS
    Redisson实现分布式锁
    redis分布式锁
    redis 安装与集群
    linux 关闭防火墙
    linux 安装Tomcat
    linux yum 方式安装jdk8
    linux 下安装 Nginx
    Centos7 yum时,出现could not retrieve mirrorlist问题
  • 原文地址:https://www.cnblogs.com/fuchifeng/p/1286411.html
Copyright © 2011-2022 走看看