惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
月光博客
月光博客
MyScale Blog
MyScale Blog
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
爱范儿
爱范儿
P
Proofpoint News Feed
人人都是产品经理
人人都是产品经理
Last Week in AI
Last Week in AI
罗磊的独立博客
G
Google Developers Blog
Y
Y Combinator Blog
博客园 - 【当耐特】
WordPress大学
WordPress大学
大猫的无限游戏
大猫的无限游戏
博客园 - 叶小钗
J
Java Code Geeks
酷 壳 – CoolShell
酷 壳 – CoolShell
V
Visual Studio Blog
美团技术团队
宝玉的分享
宝玉的分享
Jina AI
Jina AI
小众软件
小众软件
T
Tailwind CSS Blog
A
About on SuperTechFans

博客园 - 赵晓雷

让VS2008对JQuery语法的智能感知更完美一点 JavaScript实现走马灯效果[无缝连接、循环滚动] 向右 - 赵晓雷 - 博客园 JavaScript实现走马灯效果[无缝连接、循环滚动] 向左 - 赵晓雷 - 博客园 Windows忘记mysql密码的解决方案 JavaScript实现走马灯效果[无缝连接、循环滚动] 向下 - 赵晓雷 - 博客园 jQuery实现在光标处插入文本 jquery 操作div - 赵晓雷 - 博客园 Jquery实现只能输入数字的文本框 - 赵晓雷 - 博客园 IIS6与Tomcat6的整合方法 asp.net控件开发基础(7) asp.net控件开发基础(6) asp.net控件开发基础(5) - 赵晓雷 - 博客园 asp.net控件开发基础(4) - 赵晓雷 - 博客园 asp.net控件开发基础(3) asp.net控件开发基础(2) asp.net控件开发基础(1) 详解ASP.NET配置文件Web.config [ASP.NET] Session 详解 Gridview自动编号 - 赵晓雷 - 博客园
JavaScript实现走马灯效果[无缝连接、循环滚动] 向上 - 赵晓...
赵晓雷 · 2009-08-21 · via 博客园 - 赵晓雷

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="t.aspx.cs" Inherits="t" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
  <!-- 指向链接图片的URL -->
<div align="center" id="demo" style="overflow:hidden;height:200px;width:95px;border-width:1px 1px 1px 1px;border-style:dotted dotted dotted dotted;">
    <div id="demo1">
        <!-- 定义内容-->
        <img src="images/logo_1.gif"><br />
        <img src="images/logo/flashempire.gif"><br />
        <img src="images/logo.gif"><br />
        <img src="images/logo/5dmedia.gif"><br />
        <img src="images/logo/macromedia.gif"><br />
        <img src="images/logo/sucaiw.gif"><br />
        <img src="images/logo/blueieda.gif"><br />
        <img src="images/logo/htmlcn.gif"><br />
        <img src="images/logo/fwcn.gif"><br />
    </div>
    <div id="demo2"></div>
</div>

<script language="javascript" type="text/javascript">
    var demo = document.getElementById("demo");
    var demo1 = document.getElementById("demo1");
    var demo2 = document.getElementById("demo2");
    var speed = 10;    //滚动速度值,值越大速度越慢
    demo2.innerHTML = demo1.innerHTML    //克隆demo2为demo1
    function Marquee() {
        if (demo2.offsetTop - demo.scrollTop <= 0)    //当滚动至demo1与demo2交界时
            demo.scrollTop -= demo1.offsetHeight    //demo跳到最顶端
        else {
            demo.scrollTop++
        }
    }
    var MyMar = setInterval(Marquee, speed);        //设置定时器
    demo.onmouseover = function() { clearInterval(MyMar) }    //鼠标经过时清除定时器达到滚动停止的目的
    demo.onmouseout = function() { MyMar = setInterval(Marquee, speed) }    //鼠标移开时重设定时器
</script>

</body>
</html>