📄 lightpic.htm
字号:
<html>
<head>
<title>
图片的淡入淡出幻灯效果
</title>
<style>
body img{border:3 gold ridge}
</style>
<script language="JavaScript">
var time = 5000;//设定的时间间隔
var t;//目前显示的图片编号
var n;//总共的图片量
var duration = 3;//blendTrans滤镜使用的一个参数值，后面会有说明
//图片集数组对象
function ImgArray(len)
{
this.length=len;
}
//设定参与更替的图片集
ImgName=new ImgArray(11);
ImgName[0]="0001.jpg";
ImgName[1]="0002.jpg";
ImgName[2]="0003.jpg";
ImgName[3]="0004.jpg";
ImgName[4]="0005.jpg";
ImgName[5]="0006.jpg";
ImgName[6]="0007.jpg";
ImgName[7]="0008.jpg";
ImgName[8]="0009.jpg";
ImgName[9]="0010.jpg";
ImgName[10]="0011.jpg";
t=0;
n=10;
//更换图片的过程函数
function playImg()
{
//设定将要替换成的图片编号
if(t==n)
{
t=0;
}
else
{
t++;
}
img.style.filter="blendTrans(Duration=duration)";//将style属性设置为blendTrans滤镜
img.filters[0].apply();//应用blendTrans滤镜
img.src=ImgName[t];//设定下一张用来更换的图片
img.filters[0].play();
mytimeout=setTimeout("playImg()",time);//设置循环定时器
}
</script>
</head>
<body bgcolor="#FFFFFF" text="#000000" onload="playImg()">
<center>
<img src="0001.jpg" width="96" height="120" name="img">
</center>
</body>
</html>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -