BlendTrans滤镜+图片切换

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>New document</title>
<style type="text/css">
<!--
div#div1{filter:BlendTrans(duration=1);width:0px;}
-->
</style>
<script language="JavaScript" type="text/javascript">
<!--
window.setInterval(init,3000);
var cur=0;
function init()
{
 //修改img即可
 var img="01.jpg,02.jpg,03.jpg,04.jpg,05.jpg";
 var imgs=img.split(',');
 var leg=imgs.length;
 cur=(cur>=leg-1)?0:++cur;
 var div1=document.getElementById("div1");
 div1.filters[0].apply();
 div1.innerHTML="<img src='images/"+imgs[cur]+"' alt=''/>";
 div1.filters[0].play();  
}
//-->
</script>
</head>
<body>
<div id="div1">
<img src='images/05.jpg' alt=""/>
</div>
</body>
</html>

 

posted @ 2008-03-21 17:02  Microbar  阅读(628)  评论(0编辑  收藏  举报