学院首页>网页制作>HTML>无刷新变换BANNER特效代码

无刷新变换BANNER特效代码

作者: 来源: 添加时间:2006-5-25 18:15:36

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

document.write('<IFRAME name=head marginWidth=0 marginHeight=0 src="*.asp" frameBorder=0 width=468 height=60 scrolling=no framespacing=0></IFRAME>');

以下代码存为*.asp

<html>
<head>
<title>设计风工作室-变换BANNER</title>
</head>
<body leftMargin="0" topMargin="0" oncontextmenu="window.event.returnValue=false"

ondragstart="window.event.returnValue=false" onselectstart="event.returnValue=false">
<DIV id=Layer1
style="Z-INDEX: 6; VISIBILITY: visible; WIDTH: 468px; POSITION: absolute; TOP: 0; HEIGHT: 60px;

right:0px; left:0px">
  <p>
<object
codebase=http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0
height=60 width=468 classid=clsid:D27CDB6E-AE6D-11cf-96B8-444553540000>
   <param name="_cx" value="10107">
   <param name="_cy" value="3995">
   <param name="FlashVars" value>
   <param name="Movie" value="AD/topad/Top_banner.swf">
   <param name="Src" value="AD/topad/Top_banner.swf">
   <param name="WMode" value="transparent">
   <param name="Play" value="false">
   <param name="Quality" value="High">
   <param name="AllowScriptAccess" value="always">
   <param name="DeviceFont" value="-1">
   <param name="EmbedMovie" value="-1">
   <param name="BGColor" value="#ffffff">
   <param name="SWRemote" value>
   <param name="MovieData" value>
   <param name="SeamlessTabbing" value="1">
</object>
  </p>
</DIV>
<script language="javascript" type="text/javascript">
<!--
function MM_reloadPage(init) {
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
<SCRIPT language=javascript>
   var bannerAD=new Array();
   var bannerADlink=new Array();
   var bannerADtarget=new Array();
   var adNum=0;

bannerAD="AD/topad/Top_banner01.jpg";
   bannerADlink="http://www.dfeng.net";
   bannerADtarget="_blank";
   bannerAD="AD/topad/Top_banner02.jpg";
   bannerADlink="http://www.dfeng.net";
   bannerADtarget="_blank";
   bannerAD="AD/topad/Top_banner03.jpg";
   bannerADlink="http://www.dfeng.net";
   bannerADtarget="_blank";
   bannerAD="AD/topad/Top_banner04.jpg";
   bannerADlink="http://www.dfeng.net";
   bannerADtarget="_blank";
   bannerAD="AD/topad/Top_banner05.jpg";
   bannerADlink="http://www.dfeng.net";
   bannerADtarget="_blank";
   bannerAD="AD/topad/Top_banner06.jpg";
   bannerADlink="http://www.dfeng.net";
   bannerADtarget="_blank";
   bannerAD="AD/topad/Top_banner01.jpg";
   bannerADlink="http://www.dfeng.net";
   bannerADtarget="_blank";
   bannerAD="AD/topad/Top_banner02.jpg";
   bannerADlink="http://www.dfeng.net";
   bannerADtarget="_blank";
   bannerAD="AD/topad/Top_banner03.jpg";
   bannerADlink="http://www.dfeng.net";
   bannerADtarget="_blank";
   bannerAD="AD/topad/Top_banner04.jpg";
   bannerADlink="http://www.dfeng.net";
   bannerADtarget="_blank";
   bannerAD="AD/topad/Top_banner05.jpg";
   bannerADlink="http://www.dfeng.net";
   bannerADtarget="_blank";
   bannerAD[0]="AD/topad/Top_banner06.jpg";
   bannerADlink[0]="http://www.dfeng.net";
   bannerADtarget[0]="_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=12;
   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()", 3000);
}

function jump2url(){
   jumpUrl=bannerADlink[adNum];
   jumpTarget=bannerADtarget[adNum];
  
   if (jumpUrl != ''){
   if (jumpTarget != '')window.open(jumpUrl,jumpTarget);
   else window.open

(jumpUrl,"","width=468,height=60,toolbar=no,location=no,directories=no,status=no,scrollbars=no,r

esizable=no");
   }
}
function displayStatusMsg() {
   status=bannerADlink[adNum];
   document.returnValue = true;
}
</SCRIPT>
<img style="FILTER:revealTrans(duration=1,transition=12)"

src="/edu/files/pic/2006-5/25/0652518153687775.jpg" width="468" height="60"

name=bannerADrotator>
<script language=javascript>nextAd()</script> 
</body>
</html>
上面两步完成后,在需要放BANNER的地方:
PS:注意修改图片等的相关路径!


站内搜索