?? 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 + -