图片轮换脚本
<!-- 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="../images/index2.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="../images/index4.jpg" width=500
border=0></A></DIV></DIV></DIV>
<!-- End Of Wipe --> from:asp学习网/title:图片轮换脚本/ time:2006-5-6 23:07:48
本文主题图片轮换脚本
