形式多变的图片导航

稿源：互联网 2022-04-17 23:54:20 点击： 949 撤稿纠错

形式多变的图片导航，阿里西西网页特效收集。

以下讨论的是和导航特效相关的形式多变的图片导航教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

<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.alixixi.com/mylogo.gif"; 
bannerADlink[0]="#"; 
bannerAD[1]="http://img.alixixi.com/mylogo2.gif"; 
bannerADlink[1]="#"; 
bannerAD[2]="http://img.alixixi.com/mylogo3.gif"; 
bannerADlink[2]="#"; 
bannerAD[3]="http://img.alixixi.com/mylogo1.gif"; 
bannerADlink[3]="#"; 
bannerAD[4]="http://img.alixixi.com/mylogo2.gif"; 
bannerADlink[4]="#"; 
bannerAD[5]="http://img.alixixi.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.alixixi.com/mylogo1.gif" width=400 border=1 
name=bannerADrotator> 
</A> 
<SCRIPT language=JavaScript>nextAd()</SCRIPT>

</body>

</html>

<a href="http://www.alixixi.com/Dev/HTML/jsrun/">欢迎访问阿里西西网页特效集</a>

关于形式多变的图片导航的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/20080714748.shtml方便下次再访问哦。

·上一篇： 图片的水韵效果
·下一篇： 图片上下循环滚动的公告导航

形式多变的图片导航

文章分类LIST >>返回首页

最新游戏

最新新闻