循环移动的图片

最新推荐文章于 2021-12-29 14:55:58 发布

xiaoxiaohai123

最新推荐文章于 2021-12-29 14:55:58 发布

阅读量563

点赞数

分类专栏： javacript 文章标签： layer table javascript iframe border function

javacript 专栏收录该内容

121 篇文章 0 订阅

订阅专栏

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）

wan

xiaoxiaohai123

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
循环移动的图片

1、建立一个页面，保存为0171.htm……页面内容如下：（过渡文件）在与之间加入：var ver = 3bVer = parseInt(navigator.appVersion);if(bVer >= 4) ver = 4var ns = navigator.appName == "Netscape";var ie = navigator.appName == "MSIE
复制链接

扫一扫