无刷新变换banner特效代码----为中国网络技术提供点滴动力-iyit.net-易特网络技术！

　　通行证: 用户密码

域名空间　下载中心　 社区论坛　信息公告 my小屋

联系我们
设为首页
加入收藏

qq,asp,php,jsp,xml,sql,.net,编程程序网页图象建站经验私服


	当前位置：首页>>网页设计>>网页特效>>正文	新版上线！[旧版]

注:打开慢时请稍等

无刷新变换banner特效代码

http://www.iyit.net 日期：2006-5-5 10:02:42 来源：中国站长学院点击：

【参加讨论】

变化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="http://www.iyit.net/files/beyondpic/2006-5/5/065510024156215.jpg" width="468" height="60"

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

编辑：黑鹰　[发送给好友] [打印本页] [关闭窗口] [返回顶部]
上一篇：禁止右键、ctrl键和复制功能的js代码
下一篇：计算鼠标所在位置的x,y坐标的javascript脚本
转载请注明来源：www.iyit.net
特别声明： 本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载，但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站，我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员，我们尽快予以更正。

		相关文章