<!-- 该例子仅限于在QQ浏览器下演示 -->
<html>
<head>
<meta charset="utf-8" />
<title>幻灯片效果图</title>
<style>
body img{border:3 gold ridge }
</style>
<script language="JavaScript">
var time = 1000;
var i = 0;
var n = 4;
//图片集数组对象
function ImgArray(len){
this.length=len;
}
//初始化图片数组
ImgName=new ImgArray(5);
ImgName[0]="http://www.hist.edu.cn/images/banner1.jpg";
ImgName[1]="http://www.hist.edu.cn/images/13/04/27/15xjhkj13p/DSC09559.JPG";
ImgName[2]="http://www.hist.edu.cn/images/list_banner1.jpg";
ImgName[3]="http://www.hist.edu.cn/images/13/04/27/1m2ltqr1pq/11.jpg";
ImgName[4]="http://www.hist.edu.cn/images/13/04/27/15xjhkj13p/LI3X0042.jpg";
//更换图片的过程函数
function playImg(){
//设定要替换成图片的编号
if(i==n){
i=0;
}
else{
i++;
}
img.style.filter="blendTrans(Duration=3)";//设置图片style属性
img.filters[0].apply();//应用blendTrans滤镜
img.src=ImgName[i];
img.filters[0].play();
mytimeout=setTimeout("playImg()",time);//设置循环定时器
}
</script>
</head>
<body bgcolor="#FFFFFF" text="#000000" onload="playImg()">
<center>
<img src="0.jpg" width="200px" height="200px" name="img" />
</center>
</body>
</html>
filter 兼容性问题么?参考:http://www.zhangxinxu.com/wordpress/?p=743