zoukankan      html  css  js  c++  java
  • Js图片滚动

    参考博文:http://blog.chinaunix.net/uid-12304670-id-2947067.html

    <%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="Default3.aspx.cs" Inherits="Default3" %>

    <asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">

    </asp:Content>
    <asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">

    <div id=demo style="overflow:hidden; 128px; height:300px;">
    <div id=demo1>
    <img src="1.jpg" title="1"/><br>
    <img src="2.jpg" title="2"/><br>
    <img src="3.jpg" title="3"/><br>
    <img src="4.gif" title="4"/><br>
    <img src="6.gif" title="6"/><br>
    <img src="7.gif" title="7"/><br>
    <img src="9.jpg" title="9"/><br>
    </div>
    <div id=demo2></div>
    </div>
    <script language="javascript">
    var speed = 30;
    demo2.innerHTML = demo1.innerHTML;
    var MyMar = setInterval(Marquee, speed)
    demo.onmouseover = function() { clearInterval(MyMar) }
    demo.onmouseout = function() { MyMar = setInterval(Marquee, speed) }

    function Marquee() {
    if (demo2.offsetTop - demo.scrollTop <= 0)
    demo.scrollTop -= demo1.offsetHeight
    else {
    demo.scrollTop++
    }
    }
    </script>

    </asp:Content>

  • 相关阅读:
    HDU6060 RXD and dividing
    Knapsack in a Globalized World --多重完全背包
    hdu 6058 Kanade's sum
    矩形面积 HDU
    Bridge Across Islands POJ
    Manors HDU
    Harry Potter and J.K.Rowling HDU
    Polygons HDU
    Jungle Outpost HDU
    CRB and Farm HDU
  • 原文地址:https://www.cnblogs.com/Extreme/p/3430262.html
Copyright © 2011-2022 走看看