Javascript实现图片不间断滚动的代码

合集下载

相关主题

1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

这篇文章主要分享一段js图片不间断滚动的代码,蛮优秀的,需要的朋友可以参考下。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "/TR/xhtml1/DTD/xhtml1-strict.dtd">

<head>

/**

* @para obj 目标对象如:demo,deml1,demo2 中的"demo" 可任意，只要不重复

*

* @para speed 滚动速度越大越慢

*

* @para direction 滚动方向包括:left,right,down,up

*

* @para objWidth 总可见区域宽度

*

* @para objHeight 总可见区域高度

*

* @para filePath 存放滚动图片的路径(如果是自动获取文件夹里的图片滚动)

*

* @para contentById 对某id为contentById下的内容进行滚动此滚动与filePath不能共存请注意

*

* @para 用法实例scrollObject("res",50,"up",470,200,"","resource") 对contentById(resource)下内容进行滚动

*

* @para 用法实例scrollObject("res",50,"up",470,200,"d:\\images\\","") 对filePath(images)下内容自动获取并进行滚动,目前只支持ie

*/

var $ =function(id){return document.getElementById(id)}

// 滚动

function scrollObject(obj,speed,direction,objWidth,objHeight,filePath,contentById)

{

// 执行初始化

if(direction=="up"||direction=="down")

document.write(UDStructure());

else

document.write(LRStructure());

var demo = $(obj);

var demo1 = $(obj+"1");

var demo2 = $(obj+"2");

var speed=speed;

$(contentById).style.display="none"

demo.style.overflow="hidden";

demo.style.width = objWidth+"px";

demo.style.height = objHeight+"px";

demo.style.margin ="0 auto";

if(filePath!="")

demo1.innerHTML=file();

if(contentById!="")

demo1.innerHTML=$(contentById).innerHTML;

demo2.innerHTML=demo1.innerHTML;

// 左右滚动

function LRStructure()

{

var _html ="";

_html+="<div id='"+obj+"' >";

_html+="<table border='0' align='left' cellpadding='0' cellspacing='0' cellspace='0'>";

_html+="<tr>";

_html+="<td nowrap='nowrap' id='"+obj+"1' >";

// 此处是放要滚动的内容

_html+="</td>";

_html+="<td nowrap='nowrap' id='"+obj+"2' ></td>";

_html+="</tr>";

_html+="</table>";

_html+="</div>";

return _html;

}

// 上下滚动的结构

function UDStructure()

{

var _html ="";

_html+="<div id="+obj+" >";

_html+="<table border='0' align='left' cellpadding='0' cellspacing='0' cellspace='0'>";

_html+="<tr>";

_html+="<td id='"+obj+"1' >";

// 此处是放要滚动