滚动图片广告

最新推荐文章于 2025-08-04 20:59:31 发布

原创最新推荐文章于 2025-08-04 20:59:31 发布 · 1.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#transition #javascript #border #div #server #html

JavaScript 专栏收录该内容

3 篇文章

订阅专栏

</head>

<body>

<div>

<!------------------------------ HtmlRotator Start -------------------------------

----------->

</div><SCRIPT language=javascript>

var HtmlRotator_HtmlsArr = new Array();

HtmlRotator_HtmlsArr.push("<a href='http://www.sohu.com'><img src='http://images.sohu.com/uiue/sohu_logo/beijing2008/sohu.gif' width='100%' height='100%' border=0/></a>");

HtmlRotator_HtmlsArr.push("<a href='http://www.sina.com'><img src='http://image2.sina.com.cn/home/images/sina_logo2.gif' width='100%' height='100%' border=0/></a>");

HtmlRotator_HtmlsArr.push("<a href='http://www.yahoo.com'><img src='http://cn.yimg.com/i/hp/ny/hd/a/yhologo_a.gif' width='100%' height='100%' border=0/></a>");

HtmlRotator_HtmlsArr.push("<a href='http://www.tom.com'><img src='http://www.tom.com/img/h0814/tomlogo.gif' width='100%' height='100%' border=0/></a>");

var HtmlRotator_Start = true;

function HtmlRotator_Show( msec, panelControlID, tempPanelControlID )

{

if( ! HtmlRotator_Start )

{

window.setTimeout("HtmlRotator_Show("+msec+", ""+panelControlID+"", ""+tempPanelControlID+"")", 500, "JavaScript");

return;

}

var CanPlay = parseFloat(navigator.appVersion.split(";")[1].split(" ")[2]) > 5;//检测浏览器版本号

var HtmlsArr = HtmlRotator_HtmlsArr;

var FiltersArr = new Array();

FiltersArr.push("RevealTrans(duration=2,transition=0)");

FiltersArr.push("RevealTrans(duration=2,transition=1)");

FiltersArr.push("RevealTrans(duration=2,transition=2)");

FiltersArr.push("RevealTrans(duration=2,transition=3)");

FiltersArr.push("RevealTrans(duration=2,transition=4)");

FiltersArr.push("RevealTrans(duration=2,transition=5)");

FiltersArr.push("RevealTrans(duration=2,transition=6)");

FiltersArr.push("RevealTrans(duration=2,transition=7)");

FiltersArr.push("RevealTrans(duration=2,transition=8)");

FiltersArr.push("RevealTrans(duration=2,transition=9)");

FiltersArr.push("RevealTrans(duration=2,transition=10)");

FiltersArr.push("RevealTrans(duration=2,transition=11)");

FiltersArr.push("RevealTrans(duration=2,transition=12)");

FiltersArr.push("RevealTrans(duration=2,transition=13)");

FiltersArr.push("RevealTrans(duration=2,transition=14)");

FiltersArr.push("RevealTrans(duration=2,transition=15)");

FiltersArr.push("RevealTrans(duration=2,transition=16)");

FiltersArr.push("RevealTrans(duration=2,transition=17)");

FiltersArr.push("RevealTrans(duration=2,transition=18)");

FiltersArr.push("RevealTrans(duration=2,transition=19)");

FiltersArr.push("RevealTrans(duration=2,transition=20)");

FiltersArr.push("RevealTrans(duration=2,transition=21)");

FiltersArr.push("RevealTrans(duration=2,transition=22)");

FiltersArr.push("RevealTrans(duration=2,transition=23)");

FiltersArr.push("BlendTrans(duration=2)");

if( CanPlay )//只有IE5.5+版本才能执行如下滤镜效果

{

FiltersArr.push("progid:DXImageTransform.Microsoft.Pixelate(,enabled=false,duration=2,maxSquare=25)");

FiltersArr.push("progid:DXImageTransform.Microsoft.Fade(duration=2,overlap=0)");

FiltersArr.push("progid:DXImageTransform.Microsoft.GradientWipe(duration=2,gradientSize=0.25,motion=forward )");

FiltersArr.push("progid:DXImageTransform.Microsoft.GradientWipe(duration=2,gradientSize=0.25,motion=reverse )");

FiltersArr.push("progid:DXImageTransform.Microsoft.GradientWipe(duration=2,gradientSize=0.25,motion=forward,WipeStyle=1 )");

FiltersArr.push("progid:DXImageTransform.Microsoft.GradientWipe(duration=2,gradientSize=0.25,motion=reverse,WipeStyle=1 )");

FiltersArr.push("progid:DXImageTransform.Microsoft.Stretch(duration=2,stretchStyle=SPIN)");

FiltersArr.push("progid:DXImageTransform.Microsoft.Stretch(duration=2,stretchStyle=PUSH)");

FiltersArr.push("progid:DXImageTransform.Microsoft.Stretch(duration=2,stretchStyle=HIDE)");

FiltersArr.push("progid:DXImageTransform.Microsoft.Wheel(duration=2,spokes=16)");

FiltersArr.push("progid:DXImageTransform.Microsoft.RandomDissolve(duration=2)");

FiltersArr.push("progid:DXImageTransform.Microsoft.Spiral(duration=2,gridSizeX=50,gridSizeY=50)");

FiltersArr.push("progid:DXImageTransform.Microsoft.Slide(duration=2,bands=1,slideStyle=SWAP)");

FiltersArr.push("progid:DXImageTransform.Microsoft.Slide(duration=2,bands=1,slideStyle=PUSH)");

FiltersArr.push("progid:DXImageTransform.Microsoft.Slide(duration=2,bands=1,slideStyle=HIDE)");

FiltersArr.push("progid:DXImageTransform.Microsoft.RadialWipe(duration=2,wipeStyle=CLOCK)");

FiltersArr.push("progid:DXImageTransform.Microsoft.RadialWipe(duration=2,wipeStyle=WEDGE)");

FiltersArr.push("progid:DXImageTransform.Microsoft.RadialWipe(duration=2,wipeStyle=RADIAL)");

FiltersArr.push("progid:DXImageTransform.Microsoft.Pixelate(Duration=1,MaxSquare=15)");

}

var panelControl = document.getElementById(panelControlID);

var tempPanelControl = document.getElementById(tempPanelControlID);

var HtmlIndex = panelControl.HtmlIndex;

if( HtmlIndex>=HtmlsArr.length )

{

HtmlIndex = 0;

}

if( HtmlIndex < HtmlsArr.length )

{

while( HtmlIndex<HtmlsArr.length && HtmlsArr[HtmlIndex]=="")

{

HtmlIndex ++;

}

if( HtmlIndex>=HtmlsArr.length )

{

HtmlIndex = 0;

}

if(HtmlsArr[HtmlIndex]!="")

{

if( FiltersArr.length > 0 )

{

var FilterIndex = parseInt( Math.random() * FiltersArr.length);

panelControl.style.filter = FiltersArr[FilterIndex];

panelControl.filters[0].Apply();

panelControl.innerHTML = HtmlsArr[HtmlIndex];

panelControl.filters[0].play();

}

else

{

panelControl.innerHTML = HtmlsArr[HtmlIndex];

}

HtmlIndex ++;

if( HtmlIndex>=HtmlsArr.length )

{

HtmlIndex = 0;

}

tempPanelControl.innerHTML = HtmlsArr[HtmlIndex];

}

panelControl.HtmlIndex = HtmlIndex;

window.setTimeout("HtmlRotator_Show("+msec+", ""+panelControlID+"", ""+tempPanelControlID+"")", msec, "JavaScript");

}

</SCRIPT>

<SCRIPT language=javascript>HtmlRotator_Show(5000, "HtmlRotator", "HtmlRotator_TempPanel");</SCRIPT>

</div>

</form>

</body>

</html>