图片无缝滚动 无空白滚动
来源:互联网 发布:ubuntu 16.04添加字体 编辑:程序博客网 时间:2024/06/09 17:11
实现图片向左无缝无空白循环滚动,主要是下面的js代码来实现。
<div id=demo style="overflow:hidden;height:125px;width:950px;">
<table align=left cellpadding=0 cellspace=0 border=0>
<tr>
<td id=demo1 valign=top><table width='100%' cellpadding='0' cellspacing='5' border='0' align='center'>
<tr valign='top'>
<td align='center'><img src="gfjs.gif" width="191" height="125"></td>
<td align="center"><img src="bxtt.gif"></td>
<td><img src="bzjd.gif"></td>
<td><img src="gfjs.gif"></td>
<td><img src="bxtt.gif"></td>
<td><img src="bzjd.gif"></td>
</tr>
</table>//这段区域显示的图片可从数据库中提取
</td>
<td id=demo2 valign='top'></td>
</tr>
</table>
</div>
<script>
var speed=50 //数值越大滚动越慢
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>
- 图片无缝滚动 无空白滚动
- marquee图片无缝滚动
- marquee图片无缝滚动
- Marquee图片无缝滚动
- flash无缝滚动图片
- 图片无缝滚动
- 图片无缝滚动(横向)
- 无缝图片滚动效果...
- 图片无缝滚动代码
- 无缝循环滚动图片
- 图片无缝滚动代码
- 图片无缝滚动
- 图片无缝向左滚动
- 图片向左无缝滚动
- javascript图片无缝滚动
- marquee图片无缝滚动
- 无缝滚动图片
- 图片横向无缝滚动
- 开始收集mysql的各种命令
- BSS段、数据段、代码段、堆与栈
- 《软件自动化测试成功之道》节选3 - DOM与IE Developer ToolBar
- 在VC中使用 Flash 美化你的程序
- Incorrect number of tokens found parsing file
- 图片无缝滚动 无空白滚动
- C:/WINDOWS/system32/drivers/etc/hosts 文件有什么作用
- js的prototype 例子
- 谷歌街景服务在德国遇质疑
- 简单修改Texture2D以支持从压缩包读取贴图
- 使用PreviousPage对象在网页间传递Web窗体内容
- 给VMWare的Ubuntu镜像增加硬盘大小
- 一道智力题目
- XML创建、读、写操作