首  页  |  酷站  |  精品网站  |  原创作品秀  |  网络学院   |  信息中心  |  艺术设计  |  求职招聘  |  建站资源  |  服装网站  |  论坛  |  设计部落  |  网站综合
个人网页  商业网站  业界动态  设计赛事  网站资源  下载专区  设计欣赏  CG-插画  JS特效  娱乐  国际品牌  知名品牌  服装院校  专题欣赏  SEO  BANNER
域名注册 虚拟主机 广州网站建设 广州网页设计 IDC赞助 设计资源下载 虚拟主机 域名注册 品牌网站建设 服装品牌网站建设 广告服务 网站推广 娱乐
当前位置:首 页 >> JS特效 >> 图形图象类 >> 无刷新变换BANNER特效代码

无刷新变换BANNER特效代码


中资源
转载请注明出处-中国设计秀-cnwebshow.com

变化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[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:注意修改图片等的相关路径!

转载请注明出处-中国设计秀-cnwebshow.com



投稿 】【对本文进行评论】 【字体: 】【发布于2006-01-23 16:31】

相关专题:暂无相关专题

上一篇:图片透明效果   下一篇:神奇网页图片超链接
 认证LOGO下载
     
Copyright © 2005-2007 中国设计秀_网页设计教程_优秀网页设计欣赏_平面设计欣赏 All Right Reserved.
做最专业的设计服务网站,秀出自我,秀出精彩!中国设计秀,秀---无处不在!!
QQ:54292427  8208442 MSN:kingvisual#hotmail.com 交流群:9107036 3848215 8850631
粤ICP备05067046号 RSS