<!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. appium的inspectot使用

    前提已安装好appium环境 1. 打开appium-doctor 2. 启动appium-service,点击  inspector 3. 配置手机参数,参数获取参考上篇博客 4. 点击start ...

  2. 【MySQL】MySQL 常用语法之锁表与解锁表

    mysql 锁表语句: Lock锁整张表: 写锁定: LOCK TABLES products WRITE: 写锁,锁定之后,只有当前线程可以进行读操作和写操作,其他线程读操作和写操作均被堵塞.... ...

  3. Javascript定义类(class)的最新方法

    极简主义法 3.1 封装 这种方法不使用this和prototype,代码部署起来非常简单,这大概也是它被叫做"极简主义法"的原因. 首先,它也是用一个对象模拟"类&qu ...

  4. mysql connection不断增加

    程序运行以后,刷新页面,在mysql的status里面检测到Threads_connected的值不断上升. 对程序断点调试,发现,是由于下面的代码导致. class ConnectionMySQL( ...

  5. OpenCV学习:Windows+VS2010+OpenCV配置

    OpenCV下载: 百度云下载:https://pan.baidu.com/s/1mhAExdu (2.4.9版本) 下载完成后,双击运行exe,选择输出目录,我选择的是C:\OpenCV 配置环境变 ...

  6. 《R语言入门》语言及环境简单介绍

    简单介绍 watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/diss ...

  7. 【VR】Leap Motion 官网文档 FingerModel (手指模型)

    前言: 感谢关注和支持这个Leap Motion系列翻译的朋友们,非常抱歉因为工作原因非常久没有更新,今后这个翻译还会继续(除非官方直接给出中文文档).本篇献给大家的是 <FingerModel ...

  8. Unity UGUI——Text组件(Character)

    Character和Paragraph属性组

  9. MYSQL IFNULL函数的使用

    IFNULL函数是MYSQL数据库中最重要的函数之一,下面就对该函数的使用方面进行分析,希望对您能够有所帮助. 下文对MYSQL IFNULL函数的使用进行了详细的叙述,供您参考学习,如果您在MYSQ ...

  10. ch6-定制数据对象(打包代码和数据)

    为了看出数据属于哪个选手,教练向各个选手的数据文件中添加了标识数据:选手全名,出生日期,计时数据. 例如:sarah文件的数据更新为: Sarah Sweeney,2002-6-17,2:58,2.5 ...