<!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>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>无标题文档</title>

</head>

<body>

<div>

    <div id=demo style="overflow:hidden; WIDTH: 204px; align:center">

      <table cellspacing="" cellpadding="" align="center"  border="">

      <tbody>

        <tr>

          <td id="marquePic1" valign="top">

      <table width="" height="" border="" cellpadding="" cellspacing="">

        <tr>

          <td width="" align="center"><img src="data:image/likaifu.jpg" width="" height=""></td>

          <td width="" align="center"><img src="data:image/likaifu.jpg" width="" height=""></td>

          <td width="" align="center"><img src="data:image/likaifu.jpg" width="" height=""></td>

          <td width="" align="center"><img src="data:image/likaifu.jpg" width="" height=""></td>

          <td width="" align="center"><img src="data:image/likaifu.jpg" width="" height=""></td>

          <td width="" align="center"><img src="data:image/likaifu.jpg" width="" height=""></td>

          <td width="" align="center"><img src="data:image/likaifu.jpg" width="" height=""></td>

          <td width="" align="center"><img src="data:image/likaifu.jpg" width="" height=""></td>

          <td width="" align="center"><img src="data:image/likaifu.jpg" width="" height=""></td>

          <td width="" align="center"><img src="data:image/likaifu.jpg" width="" height=""></td>

       </tr>

    <tr>

      <td height="" align="center" >李开复</td>

      <td align="center">&nbsp;</td>

      <td align="center">&nbsp;</td>

      <td align="center">&nbsp;</td>

      <td align="center">&nbsp;</td>

      <td align="center">&nbsp;</td>

      <td align="center">&nbsp;</td>

      <td align="center">&nbsp;</td>

      <td align="center">&nbsp;</td>

      <td align="center" bgcolor="#FFFF99">&nbsp;</td>

    </tr>

  </table>  

  </td>

        <td id="marquePic2" valign="top"></td>

      </tr>

    </tbody>

  </table>

</div>

<script type=text/javascript>

var speed=        //定义速度,实指下面滚动函数的执行间隔,值越小滚动越快

marquePic2.innerHTML=marquePic1.innerHTML       //将demo1中的内容复制到demo2

function Marquee(){                           //开始定义滚动函数

if(demo.scrollLeft>=marquePic1.scrollWidth){   //如果滑动块的位置大于demo2的宽度,滑动块退回一个demo2的宽度

demo.scrollLeft=

}else{                                         //否则,滑动块向右滚动(图片向左滚)

demo.scrollLeft++

}}                              //滚动函数定义完

var MyMar=setInterval(Marquee,speed)            //设置定时器,使滚动函数每30毫秒运行一次

demo.onmouseover=function() {clearInterval(MyMar)}        //鼠标经过时,清除定时器,停止执行滚动函数,弹出信息;

demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}     // 鼠标离开后,继续滚动

</script>

</div>

</body>

</html>

.net asp [转载]ASP:循环滚动图片的代码+解释的更多相关文章

  1. 详细分析Android viewpager 无限循环滚动图片

    由于最近在忙于项目,就没时间更新博客了,于是趁着周日在房间把最近的在项目中遇到的技术总结下.最近在项目中要做一个在viewpager无限滚动图片的需求,其实百度一下有好多的例子,但是大部分虽然实现了, ...

  2. jQuery左右循环滚动图片特效

    在线演示 本地下载

  3. QT中循环显示图片和简单的显示图片

    请关注我的github https://github.com/linqiaozhou 以下实例代码不久后将会上传到我的github 这是我最近一个项目中的部分代码 //以下是简单的在QT中显示图片的代 ...

  4. 可以左右移动横向无缝滚动的JS图片展示代码

    在酷站网站下的,具体路径忘了,稍微改了一下,让它看起来像组滑动 1)被引用的js文件ScrollPic.js ?){){i+=l.length;)I=document.cookie.length;o= ...

  5. 用ASP取出HTML里面的图片地址的函数

    用ASP取出HTML里面的图片地址的函数主要原理就是用正则判断的属性.这在采集程序中将非常有用. 函数如下: 以下是引用片段: Function ShowPic(str) Set objRegExp ...

  6. JavaScript学习笔记——简单无缝循环滚动展示图片的实现

    今天做了一个简单的无缝循环滚动的实例,这种实例在网页中其实还挺常见的,下面分享一下我的学习收获. 首先,无缝滚动的第一个重点就是——动.关于怎么让页面的元素节点动起来,这就得学明白关于JavaScri ...

  7. cocos2d（背景图片循环滚动）

    背景图片循环滚动 使用action 实现的: 主要有两个背景图片交替循环滚动:我选的两个背景图片的宽度都是1024的 ,所以定义了#define BGIMG_WIDTH 1024 代码如下: 在Hel ...

  8. Asp.Net Core Web Api图片上传(一)集成MongoDB存储实例教程

    Asp.Net Core Web Api图片上传及MongoDB存储实例教程(一) 图片或者文件上传相信大家在开发中应该都会用到吧,有的时候还要对图片生成缩略图.那么如何在Asp.Net Core W ...

  9. 图片循环滚动效果shader

    背景无限循环滚动效果,有X和Y轴的速度控制,方便控制.见下图,操作步骤同之前的背景循环设置. shader如下: Shader "Custom/Scroll" { Properti ...

随机推荐

  1. 执行一条sql语句update多条不同值的记录实现思路

    如果你想更新多行数据,并且每行记录的各字段值都是各不一样,你会怎么办呢?本文以一个示例向大家讲解下如何实现如标题所示的情况,有此需求的朋友可以了解下 通常情况下,我们会使用以下SQL语句来更新字段值: ...

  2. jQueryEasyUi行编辑打造增删改查

    var $obj;$(function() { $obj = $("#configQueryGrid"); $obj.datagrid({ loadMsg : '数据加载中请稍后… ...

  3. 解决App can’t be opened because it is from an unidentified developer

    关闭设置 打开终端 输入sudo spctl --master-disable

  4. TensorFlow基础笔记(14) 网络模型的保存与恢复_mnist数据实例

    http://blog.csdn.net/huachao1001/article/details/78502910 http://blog.csdn.net/u014432647/article/de ...

  5. imx6 android5.1 编译

    imx6 android5.1 编译 记录一下编译imx6dl android的命令. Android build cd ~/myandroid source build/envsetup.sh lu ...

  6. nodejs基础 -- NPM 使用介绍

    npm:是nodejs的包管理工具,随NodeJS一起安装的,能解决NodeJS代码部署上的很多问题,如: 1.允许用户从NPM服务器下载别人编写的第三方包到本地使用. 2.允许用户从NPM服务器下载 ...

  7. linux -- chown修改文件拥有者和所在组

    chown将指定文件的拥有者改为指定的用户或组,用户可以是用户名或者用户ID:组可以是组名或者组ID:文件是以空格分开的要改变权限的文件列表,支持通配符.系统管理员经常使用chown命令,在将文件拷贝 ...

  8. CIRI 识别circRNA的原理

    CIRI 根据circRNA 连接点处的reads来识别circRNA, 在连接点处的reads 其比对情况非常特殊: CIRI 根据3种模型来识别circRNA, 连接点处的read 叫做junct ...

  9. ZABBIX API简介及使用

    API简介 Zabbix API开始扮演着越来越重要的角色,尤其是在集成第三方软件和自动化日常任务时.很难想象管理数千台服务器而没有自动化是多么的困难.Zabbix API为批量操作.第三方软件集成以 ...

  10. CentOS简单命令学习：date cal bc

    简单的shell指令: 1.日期的格式化显示: 2.日历的显示: 3.bc计算器: 使用Tab指令自动补全: