无刷新变换BANNER特效代码

变化BANNER特效,其实很多网站都有,在此提供只是给喜欢的朋友一个方便:
以下代码存为*.js,代码中的*.asp就是第二个文本框中的代码,注意路径

document.write('

1<iframe frameborder="0" framespacing="0" height="60" marginheight="0" marginwidth="0" name="head" scrolling="no" src="*.asp" width="468"></iframe>

');

以下代码存为*.asp

  1<html>
  2<head>
  3<title> 设计风 工作室-变换BANNER</title>
  4</head>
  5<body leftmargin="0" oncontextmenu="window.event.returnValue=false" ondragstart="window.event.returnValue=false" onselectstart="event.returnValue=false" topmargin="0">
  6<div id="Layer1" style="Z-INDEX: 6; VISIBILITY: visible; WIDTH: 468px; POSITION: absolute; TOP: 0; HEIGHT: 60px; 
  7
  8right:0px; left:0px">
  9<p>
 10<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" height="60" width="468">
 11<param name="_cx" value="10107"/>
 12<param name="_cy" value="3995"/>
 13<param name="FlashVars" value=""/>
 14<param name="Movie" value="AD/topad/Top_banner.swf"/>
 15<param name="Src" value="AD/topad/Top_banner.swf"/>
 16<param name="WMode" value="transparent"/>
 17<param name="Play" value="false"/>
 18<param name="Quality" value="High"/>
 19<param name="AllowScriptAccess" value="always"/>
 20<param name="DeviceFont" value="-1"/>
 21<param name="EmbedMovie" value="-1"/>
 22<param name="BGColor" value="#ffffff"/>
 23<param name="SWRemote" value=""/>
 24<param name="MovieData" value=""/>
 25<param name="SeamlessTabbing" value="1"/>
 26</object>
 27</p>
 28</div>
 29<script language="javascript" type="text/javascript">   
 30<!--   
 31function MM_reloadPage(init) {   
 32if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {   
 33document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}   
 34else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();   
 35}   
 36MM_reloadPage(true);   
 37//-->   
 38</script>
 39<script language="javascript">   
 40var bannerAD=new Array();   
 41var bannerADlink=new Array();   
 42var bannerADtarget=new Array();   
 43var adNum=0; 
 44
 45bannerAD[1]="AD/topad/Top_banner01.jpg";   
 46bannerADlink[1]=" http://www.dfeng.net ";   
 47bannerADtarget[1]="_blank";   
 48bannerAD[2]="AD/topad/Top_banner02.jpg";   
 49bannerADlink[2]=" http://www.dfeng.net ";   
 50bannerADtarget[2]="_blank";   
 51bannerAD[3]="AD/topad/Top_banner03.jpg";   
 52bannerADlink[3]=" http://www.dfeng.net ";   
 53bannerADtarget[3]="_blank";   
 54bannerAD[4]="AD/topad/Top_banner04.jpg";   
 55bannerADlink[4]=" http://www.dfeng.net ";   
 56bannerADtarget[4]="_blank";   
 57bannerAD[5]="AD/topad/Top_banner05.jpg";   
 58bannerADlink[5]=" http://www.dfeng.net ";   
 59bannerADtarget[5]="_blank";   
 60bannerAD[6]="AD/topad/Top_banner06.jpg";   
 61bannerADlink[6]=" http://www.dfeng.net ";   
 62bannerADtarget[6]="_blank";   
 63bannerAD[7]="AD/topad/Top_banner01.jpg";   
 64bannerADlink[7]=" http://www.dfeng.net ";   
 65bannerADtarget[7]="_blank";   
 66bannerAD[8]="AD/topad/Top_banner02.jpg";   
 67bannerADlink[8]=" http://www.dfeng.net ";   
 68bannerADtarget[8]="_blank";   
 69bannerAD[9]="AD/topad/Top_banner03.jpg";   
 70bannerADlink[9]=" http://www.dfeng.net ";   
 71bannerADtarget[9]="_blank";   
 72bannerAD[10]="AD/topad/Top_banner04.jpg";   
 73bannerADlink[10]=" http://www.dfeng.net ";   
 74bannerADtarget[10]="_blank";   
 75bannerAD[11]="AD/topad/Top_banner05.jpg";   
 76bannerADlink[11]=" http://www.dfeng.net ";   
 77bannerADtarget[11]="_blank";   
 78bannerAD[0]="AD/topad/Top_banner06.jpg";   
 79bannerADlink[0]=" http://www.dfeng.net ";   
 80bannerADtarget[0]="_blank"; 
 81
 82  
 83var preloadedimages=new Array();   
 84for (i=1;i<bannerAD.length;i++){   
 85preloadedimages[i]=new Image();   
 86preloadedimages[i].src=bannerAD[i];   
 87} 
 88
 89function setTransition(){   
 90if (document.all){   
 91bannerADrotator.filters.revealTrans.Transition=12;   
 92bannerADrotator.filters.revealTrans.apply();   
 93}   
 94} 
 95
 96  
 97function playTransition(){   
 98if (document.all)   
 99bannerADrotator.filters.revealTrans.play()   
100} 
101
102function nextAd(){   
103if(adNum<bannerAD.length-1)adNum++ ;   
104else adNum=0;   
105setTransition();   
106document.images.bannerADrotator.src=bannerAD[adNum];   
107playTransition();   
108theTimer=setTimeout("nextAd()", 3000);   
109} 
110
111function jump2url(){   
112jumpUrl=bannerADlink[adNum];   
113jumpTarget=bannerADtarget[adNum];   
114  
115if (jumpUrl != ''){   
116if (jumpTarget != '')window.open(jumpUrl,jumpTarget);   
117else window.open 
118
119(jumpUrl,"","width=468,height=60,toolbar=no,location=no,directories=no,status=no,scrollbars=no,r 
120
121esizable=no");   
122}   
123}   
124function displayStatusMsg() {   
125status=bannerADlink[adNum];   
126document.returnValue = true;   
127}   
128</script>
129<img height="60" name="bannerADrotator" src="Top_banner01.jpg" style="FILTER:revealTrans(duration=1,transition=12)" width="468"/>
130<script language="javascript">nextAd()</script>
131</body>
132</html>

上面两步完成后,在需要放BANNER的地方:
PS:注意修改图片等的相关路径!

Published At
Categories with 网页设计
Tagged with
comments powered by Disqus