悠悠博客 关注Ajax技术与web开发

这个是我以前收集到的一个类似于flash的图片轮显脚本，因为使用的是微软的专有滤镜，所以只可以在ie中展示。

<!-- Start  Of  Wipe -->
<SCRIPT>
var sBaseStr="filter : progid:DXImageTransform.Microsoft.GradientWipe ( ";
var oParentDiv,oTextDiv;
var img_1 = "images/index3.jpg";
var img_2 = "images/index2.jpg";
var img_3 = "images/index1.jpg";
var img_4 = "images/index4.jpg";
var imgsnum = 0;
function rdl_doInit(){
oParentDiv=document.all("idParentDiv");
with (oParentDiv.filters[0]) {
Duration=3;GradientSize=0.5;Motion="reverse";WipeStyle=0;
}
rdl_play();
}
function rdl_play(){
with (oParentDiv)
{
 if (children[0].style.visibility=="hidden")
 {
  children[1].style.visibility="visible";
 }
 else
 {
  children[1].style.visibility="hidden";
 }
 filters[0].Apply();
 imgsnum+=1;
 if (imgsnum > 7)
 {
imgsnum = 1;
 }
switch (imgsnum)
{
case 1:
document.all.imgs1.src=img_1;

break;
case 2:
document.all.imgs2.src=img_4;

break;
case 3:
document.all.imgs1.src=img_3;
 
break;
case 4:
document.all.imgs2.src=img_2;

break;
}
if (children[0].style.visibility=="hidden")
{
children[0].style.visibility="visible";
}
else
{
children[0].style.visibility="hidden";
}
if (children[1].style.visibility=="hidden")
{
children[1].style.visibility="visible";
}
else
{
children[1].style.visibility="hidden";
}
filters[0].play();
}
}
window.onload=rdl_doInit;
setInterval("rdl_doInit()",10000);
</SCRIPT>
     <DIV id=allinfo
     style="PADDING-RIGHT: 6px; PADDING-LEFT: 6px; PADDING-BOTTOM: 6px; WIDTH: 500px; PADDING-TOP: 6px; POSITION: absolute; HEIGHT: 400px">
     <DIV id=idParentDiv
     style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; Z-INDEX: 2; FILTER: progid:DXImageTransform.Microsoft.GradientWipe(); LEFT: 0px; PADDING-BOTTOM: 0px; WIDTH: 500px; PADDING-TOP: 0px; POSITION: absolute; TOP: 0px; HEIGHT: 400px"
     align=left>
     <DIV id=idDiv1
     style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; Z-INDEX: 4; LEFT: 0px; VISIBILITY: hidden; PADDING-BOTTOM: 0px; OVERFLOW: hidden; WIDTH: 500px; COLOR: #ffffff; PADDING-TOP: 0px; POSITION: absolute; TOP: 0px; HEIGHT: 400px"
     align=left><A id=link1 href="#" target=_blank><IMG
     id=imgs1 src="http://www.ajaxstu.com/Files/File/2007-11/25/4CBB7H8CBBB553B4GI.jpg"" width=500 border=0></A></DIV>
     <DIV id=idDiv2
     style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; Z-INDEX: 4; LEFT: 0px; VISIBILITY: hidden; PADDING-BOTTOM: 0px; OVERFLOW: hidden; WIDTH: 500px; COLOR: #ffffff; PADDING-TOP: 0px; POSITION: absolute; TOP: 0px; HEIGHT: 400px"
     align=left><A id=link2 target=_blank herf="#"><IMG id=imgs2
     src="http://www.ajaxstu.com/Files/File/2007-11/25/77I6ACHGAI85JHEKKB.jpg"" width=500
 border=0></A></DIV></DIV></DIV>
<!-- End  Of  Wipe -->