循环移动的图片

来源：互联网发布：otsuthreshold python 编辑：程序博客网时间：2024/06/02 23:30

1、建立一个页面，保存为0171.htm……页面内容如下：（过渡文件）

在 <head> 与 </head> 之间加入：

var ver = 3
bVer = parseInt(navigator.appVersion);
if(bVer >= 4) ver = 4

var ns = navigator.appName == "Netscape";
var ie = navigator.appName == "MSIE";

var pix = 3;
var rate = 12;
var ImgWidth = 424;

var time = 1000/rate;
var again = - ImgWidth

function tick() {

if (ver ==3) return

if (ns){
document.Layer1.offset(-pix,0);

document.Layer2.offset(-pix,0);

if (document.Layer1.left <= again) document.Layer1.left = ImgWidth;

if (document.Layer2.left <= again) document.Layer2.left = ImgWidth;
}
else {
newpix = document.all["Layer1"].style.pixelLeft - pix;
newpix2 = document.all["Layer2"].style.pixelLeft - pix;

document.all["Layer1"].style.pixelLeft = newpix;

document.all["Layer2"].style.pixelLeft = newpix2;

if (document.all["Layer1"].style.pixelLeft <= again) document.all["Layer1"].style.pixelLeft = ImgWidth;

if (document.all["Layer2"].style.pixelLeft <= again) document.all["Layer2"].style.pixelLeft = ImgWidth;
}

setTimeout('tick()', time);
}

</SCRIPT>

在 <body> 与 </body> 之间加入：

把 <body> 改为：

2、建立一个页面，保存为017.htm……页面内容如下：（执行页面）

在 <body> 与 </body> 之间加入：

3、建立一个文件夹“017”，把图片保存在里面。（图片大小为100×80）