用javascript实现的仿Flash广告图片轮换效果

仿Flash广告图片轮换效果–来自【心动】   [JS部分__poto_bring.js] var…

仿Flash广告图片轮换效果–来自【心动】

 

[JS部分__poto_bring.js]

var filters=new Array()

filters[0]=”progidXImageTransform.Microsoft.Iris( duration=0.5,irisStyle=CROSS,motion=out )”//分X展开

filters[1]=”progidXImageTransform.Microsoft.GradientWipe(duration=0.5,gradientSize=0.25,motion=forward )”//拖尾渐变

filters[2]=”progidXImageTransform.Microsoft.Stretch(duration=0.5,stretchStyle=PUSH )” //面积伸缩

filters[3]=”progid:DXImageTransform.Microsoft.Blinds(duration=0.5,bands=30,Direction=left );” //条形百页

filters[4]=”progid:DXImageTransform.Microsoft.Fade(duration=2);” //幻影

filters[5]=”progid:DXImageTransform.Microsoft.Slide(duration=0.5,bands=1,slideStyle=SWAP )” //上下抽动

filters[6]=”progid:DXImageTransform.Microsoft.Inset(duration=1 )”//斜角轮换

filters[7]=”progid:DXImageTransform.Microsoft.RandomDissolve(duration=1 );”//雪花点

filters[8]=”progid:DXImageTransform.Microsoft.RevealTrans(duration=0.5,transition=23 )” //随机

filters[9]=”progid:DXImageTransform.Microsoft.Barn(duration=0.5,motion=out,orientation=vertical );”//左右分开

filters[10]=”progid:DXImageTransform.Microsoft.CheckerBoard(duration=0.5,squaresX=1,squaresY=30,Direction=right );” //区域百叶

filters[11]=”progid:DXImageTransform.Microsoft.Pixelate( ,enabled=false,duration=0.5,maxSquare=25 )”//马赛克

filters[12]=”progid:DXImageTransform.Microsoft.RadialWipe(duration=1,wipeStyle=WEDGE )”//扇形

filters[13]=”progid:DXImageTransform.Microsoft.RandomBars( duration=1,orientation=vertical )” //细条分割

filters[14]=”FILTER: revealTrans(duration=2,transition=20);”//斜拉锯

filters[15]=”progid:DXImageTransform.Microsoft.Spiral(duration=0.5,gridSizeX=1,gridSizeY=5 )” //擦拭

filters[16]=”progid:DXImageTransform.Microsoft.Wheel(duration=0.5,spokes=16 )” //扇形百叶

filters[17]=”progid:DXImageTransform.Microsoft.Zigzag(duration=0.25,gridSizeX=10,gridSizeY=1 )” //擦去

filters[18]=”progid:DXImageTransform.Microsoft.Strips(duration=0.5,motion=rightup )” //斜角锯齿

filters[19]=”BlendTrans( duration=1 )” //幻影渐变

var errors=0

var loads=0

function loading_img(){//预加载图象函数

for (var i=0;i images[i]=new Image()

images[i].src=imgs[i];

document.writeln(” “)}

}

function err_(){errors++;}

function load_(){loads++;

cap.innerText=”已完成:”+Math.round((loads/imgs.length)*100)+”%”;

loing.style.width=””+Math.round((loads/imgs.length)*100)+”%”}

loading_img()

function l_k(){if(i==0){i=1;}open(urls[i-1],””,””,””)}

function load_img(obj,S){ //显示加载图片

obj.style.display=””

loading.style.display=”none”

explain.innerText=explains[S]

//explain.style.display=”none”

setTimeout(“playes()”,p_t);//执行自动播放

}

var i

var p_t=6000

function playes(){

if(i>imgs.length-1)i=0

img.style.filter=filters[i]

img.filters(0).apply()

document.all.img.src=images[i].src;

img.filters(0).play()

explain.innerText=explains[i]

i++

}

function show_(S,W,H,T){//W:宽度H:高度T:时间间隔

document.writeln(” “)

document.writeln(” “)

document.writeln(” “)

document.writeln(” 载入中..”)

document.writeln(“

为您推荐

返回顶部