形式多变的图片导航-JS特效-爱易网页

形式多变的图片导航

日期：2014-05-18　浏览次数：20403 次

欢迎光临爱易网网页脚本特效中心，点击运行按钮演示特效：

以下是程序代码

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>爱易网网页特效演示，　形式多变的图片导航</title>
</head>

<body>

var bannerAD=new Array(); 
var bannerADlink=new Array(); 
var adNum=0; 
//修改下面的图片地址和相应的链接地址
bannerAD[0]="http://img.aiyiweb.com/mylogo.gif"; 
bannerADlink[0]="#"; 
bannerAD[1]="http://img.aiyiweb.com/mylogo2.gif"; 
bannerADlink[1]="#"; 
bannerAD[2]="http://img.aiyiweb.com/mylogo3.gif"; 
bannerADlink[2]="#"; 
bannerAD[3]="http://img.aiyiweb.com/mylogo1.gif"; 
bannerADlink[3]="#"; 
bannerAD[4]="http://img.aiyiweb.com/mylogo2.gif"; 
bannerADlink[4]="#"; 
bannerAD[5]="http://img.aiyiweb.com/mylogo3.gif"; 
bannerADlink[5]="#";

var preloadedimages=new Array(); 
for (i=1;i<bannerAD.length;i++){ 
preloadedimages[i]=new Image(); 
preloadedimages[i].src=bannerAD[i]; 
}

function setTransition(){ 
if (document.all){ 
bannerADrotator.filters.revealTrans.Transition=Math.floor(Math.random()*23); 
bannerADrotator.filters.revealTrans.apply(); 
} 
}

function playTransition(){ 
if (document.all) 
bannerADrotator.filters.revealTrans.play() 
}

function nextAd(){ 
if(adNum<bannerAD.length-1)adNum++ ; 
else adNum=0; 
setTransition(); 
document.images.bannerADrotator.src=bannerAD[adNum]; 
playTransition(); 
theTimer=setTimeout("nextAd()", 5000); 
}

//--> 
</script>

<A onmouseover="displayStatusMsg();return document.returnValue" 
href="javascript:jump2url()"><img 
style="FILTER: revealTrans(duration=2,transition=20)" height=66 
src="http://img.aiyiweb.com/mylogo1.gif" width=400 border=1 
name=bannerADrotator onload="return imgzoom(this,600);" onclick="javascript:window.open(this.src);" style="cursor:pointer;"/> 
</A> 
<SCRIPT language=JavaScript>nextAd()</SCRIPT>

</body>

</html>

<a href="http://www.aiyiweb.com/js/">欢迎访问爱易网JS特效</a>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

形式多变的图片导航

相关资料更多>

推荐阅读更多>