循环移动的图片
来源:互联网 发布:甘肃启航网络是传销 编辑:程序博客网 时间:2024/06/11 19:47
在 <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)
wan- 循环移动的图片
- 循环移动的图片
- html图片无缝循环移动
- 字符串的循环移动
- 数组的循环移动
- 循环滚动的图片
- 左右移动的图片
- 图片的移动
- 通过鼠标的移动让图片移动
- 安卓中利用TranslateAnimation实现图片循环移动时候的出现的一个问题,在这里记一下
- 循环移动
- 循环移动
- 循环移动
- 循环移动
- 循环移动
- 循环移动
- 连续图片的的移动
- 循环滚动的超级链接图片
- Eclipse导入包
- 运用C#在采集时进行自动验证登录
- java5api下载
- Jsp 数据库连接大全
- Tomcat中缓存问题
- 循环移动的图片
- 正则表达式30分钟入门教程
- 对display:inline;与float:left;的认识
- abstract class和interface
- javabeans的运用
- eclipse3.2+tomcat5.0+lomboz配置
- 关于asp.net页面按钮失效的解决方法。
- 超酷的一种菜单特效代码,网页特效
- 红黑树的插入与删除