js简单图片切换

来源:互联网 发布:政府网络舆情监控 编辑:程序博客网 时间:2024/06/11 11:47
<style type="text/css">
img{
filter:RevealTrans(Duration=1,Transition=21);
border:0;
}
</style>
<script type="text/javascript">
var timeId;
var i=0;
function changePic()
{
var picarray=new Array("images/efe.jpg","images/fdf.jpg","images/fwerew.jpg","images/rwer.jpg","images/wrwe.jpg");
document.getElementById("pic").filters[0].apply();// 使用滤镜

document.getElementById("pic").src=picarray[i];

document.getElementById("pic").filters[0].Transition=i;//改变滤镜效果

document.getElementById("pic").filters[0].play();
i++;
if(i==picarray.length)
{
i=0;
}
}
function picStart()
{
timerId=window.setInterval("changePic()",3000);
}
/*function picEnd()
{
window.clearInterval(timerId);

}*/


<body onload="picStart()">

0 0