当前位置：网站综合首页 >> 网页JS特效 >> 图形图象类 >> 无刷新变换BANNER特效代码

无刷新变换BANNER特效代码

来源：中国设计秀作者：点击：86 加入收藏发表评论

顶一下

变化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">

</script>
<SCRIPT language=javascript>
   var bannerAD=new Array();
   var bannerADlink=new Array();
   var bannerADtarget=new Array();
   var adNum=0;

   bannerAD[1]="AD/topad/Top_banner01.jpg";
   bannerADlink[1]="http://www.dfeng.net";
   bannerADtarget[1]="_blank";
   bannerAD[2]="AD/topad/Top_banner02.jpg";
   bannerADlink[2]="http://www.dfeng.net";
   bannerADtarget[2]="_blank";
   bannerAD[3]="AD/topad/Top_banner03.jpg";
   bannerADlink[3]="http://www.dfeng.net";
   bannerADtarget[3]="_blank";
   bannerAD[4]="AD/topad/Top_banner04.jpg";
   bannerADlink[4]="http://www.dfeng.net";
   bannerADtarget[4]="_blank";
   bannerAD[5]="AD/topad/Top_banner05.jpg";
   bannerADlink[5]="http://www.dfeng.net";
   bannerADtarget[5]="_blank";
   bannerAD[6]="AD/topad/Top_banner06.jpg";
   bannerADlink[6]="http://www.dfeng.net";
   bannerADtarget[6]="_blank";
   bannerAD[7]="AD/topad/Top_banner01.jpg";
   bannerADlink[7]="http://www.dfeng.net";
   bannerADtarget[7]="_blank";
   bannerAD[8]="AD/topad/Top_banner02.jpg";
   bannerADlink[8]="http://www.dfeng.net";
   bannerADtarget[8]="_blank";
   bannerAD[9]="AD/topad/Top_banner03.jpg";
   bannerADlink[9]="http://www.dfeng.net";
   bannerADtarget[9]="_blank";
   bannerAD[10]="AD/topad/Top_banner04.jpg";
   bannerADlink[10]="http://www.dfeng.net";
   bannerADtarget[10]="_blank";
   bannerAD[11]="AD/topad/Top_banner05.jpg";
   bannerADlink[11]="http://www.dfeng.net";
   bannerADtarget[11]="_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="Top_banner01.jpg" width="468" height="60"

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

2006-01-23 16:31:00 出处：

本文引用地址：http://www.cnwebshow.com/site/html/article_927.html

热点文章/相关文章

素材下载　矢量潮流素材背景素材模板