简明现代魔法 -> Javascript -> Javascript 图片广告展示

Javascript 图片广告展示

2010-03-18

效果演示

广告联接区

javascript code

<!--切换式广告脚本-->
<script language=Javascript>
var bannerAD=new Array();
var bannerADlink=new Array();
var bannerADtarget=new Array();
var adNum=0;
		   
bannerAD[0]="images/1.jpg";//3
bannerADlink[0]="http://www.nowamagic.net/";
bannerADtarget[0]="_blank"; 
bannerAD[1]="images/2.jpg";//1
bannerADlink[1]="http://www.nowamagic.net/";
bannerADtarget[1]="_blank"; 
bannerAD[2]="images/3.jpg";//2
bannerADlink[2]="http://www.nowamagic.net/";
bannerADtarget[2]="_blank";   
		   
			
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=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);
}
		
function jump2url()
{
	jumpUrl=bannerADlink[adNum];
	jumpTarget=bannerADtarget[adNum];
		   
	if (jumpUrl != '')
	{
		if (jumpTarget != '')window.open(jumpUrl,jumpTarget);
		else window.open(jumpUrl,"","width=500,height=550,toolbar=no,location=no,directories=no,status=no,scrollbars=no,resizable=no");
	}
}
		
function displayStatusMsg() 
{ 
	status=bannerADlink[adNum];
	document.returnValue = true;
}
</script>	

<a onMouseOver="displayStatusMsg();return document.returnValue" onFocus="if(this.blur)this.blur()" href="javascript:jump2url()"> <img src="images/01.gif" alt="广告连接区 " name="bannerADrotator" width="520" height="280" border="0" id="bannerADrotator" style="BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; FILTER: revealTrans(duration=1,transition=2); BORDER-LEFT: #cccccc 1px solid; BORDER-BOTTOM: #cccccc 1px solid" /></a>
<script language="Javascript" type="text/javascript">nextAd()</script>

很好用的一个广告轮换显示代码。

随机文章推荐
网站分类


注:如需转载本文,请注明出处(原文链接),谢谢。更多精彩内容,请进入简明现代魔法首页。

进入新博客
喜欢本文,就分享它吧
给我留言
您的名字:
您的邮件:
您的网站:


 

copyright © 2009 简明现代魔法    学习、分享、进步

power by Gonn 感谢所有关心和支持本站的朋友们