📄 滚动的图片.txt
字号:
循环移动的图片
点击这里看效果
1、建立一个页面，保存为0171.htm……页面内容如下：（过渡文件）
在 <head> 与 </head> 之间加入：
<SCRIPT language=JavaScript>
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> 之间加入：
<DIV align=left> <TABLE cellSpacing=0 cellPadding=0 columns="0"> <TBODY>
<TR> <TD><SPAN id=Layer1
style="Z-INDEX: 2; LEFT: 0px; WIDTH: 424px; POSITION: absolute; TOP: 0px; HEIGHT: 75px">
<TABLE cellSpacing=0 cellPadding=0 > <TBODY> <TR>
<TD width=106><img src="017/1.gif" width="100" height="80"></TD>
<TD width=106><img src="017/2.gif" width="100" height="80"></TD>
<TD width=106><img src="017/3.gif" width="100" height="80"></TD>
<TD width=106><img src="017/4.gif" width="100" height="80"></TD>
</TR></TBODY></TABLE></SPAN><SPAN id=Layer2
style="Z-INDEX: 1; LEFT: 424px; WIDTH: 424px; POSITION: absolute; TOP: 0px; HEIGHT: 75px">
<TABLE cellSpacing=0 cellPadding=0 > <TBODY> <TR>
<TD width=106><img src="017/5.gif" width="100" height="80"></TD>
<TD width=106><img src="017/6.gif" width="100" height="80"></TD>
<TD width=106><img src="017/7.gif" width="100" height="80"></TD>
<TD width=106><img src="017/8.gif" width="100" height="80"></TD>
</TR></TBODY></TABLE></SPAN></TD></TR></TBODY></TABLE></DIV>
把 <body> 改为：
<BODY leftMargin=0 topMargin=0
onload=tick() marginleft="0" marginright="0" BGCOLOR="FFFFFF">
2、建立一个页面，保存为017.htm……页面内容如下：（执行页面）
在 <body> 与 </body> 之间加入：
<table cellspacing=0 cellpadding=0 align=center border=0 height="80" width="452">
<tbody>
<tr align=middle>
<td height=54>
<iframe name=MyFrame align=default src="0171.htm" frameborder=0
width=452 scrolling=no height=80></iframe> </td>
</tr>
</tbody>
</table>
3、建立一个文件夹“017”，把图片保存在里面。（图片大小为100×80）
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -