网站公告列表

  没有公告

加入收藏
设为首页
联系站长
您现在的位置: 天空资源网 >> 电脑技术 >> 编程技术 >> PHP >> 电脑技术正文
  实用的JS代码,实现图片的轮换效果         ★★★ 【字体:
实用的JS代码,实现图片的轮换效果
作者:未知    电脑技术来源:网络    点击数:    更新时间:2007-6-12    

<html>
<head>
<title>新闻</title>
</head>
<body>
<SCRIPT language=JavaScript>
<!--
var bannerAD=new Array();
var bannerADlink=new Array();
var adNum=0;
bannerAD[0]="1.jpg";
   bannerADlink[0]="";
   bannerAD[1]="2.jpg";
   bannerADlink[1]="";
   bannerAD[2]="3.jpg";
   bannerADlink[2]="";
   bannerAD[3]="4.jpg";
   bannerADlink[3]="";

   var preloadedimages=new Array();
   for (i=0;i<4;i++){
preloadedimages[i]=new Image();
      preloadedimages[i].src=bannerAD[i];
   }

function setTransition(){
   if (document.all){
      bannerADrotator.filters.revealTrans.Transition=Math.floor(Math.random()*23);
      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()", 4000);
}

function jump2url(){
   jumpUrl=bannerADlink[adNum];
   jumpTarget='_blank';
   if (jumpUrl != ''){
      if (jumpTarget != '')window.open(jumpUrl,jumpTarget);
      else location.href=jumpUrl;
   }
}
function displayStatusMsg() {
   status=bannerADlink[adNum];
   document.returnValue = true;
}
//-->
</SCRIPT>
                        <A onmouseover="displayStatusMsg();return document.returnValue"
            href="javascript:jump2url()"><IMG
            style="FILTER: revealTrans(duration=2,transition=20)" height=207
            src="javascript:nextAd()" width=171 border=0
            name=bannerADrotator></A>
</body>
</html>

电脑技术录入:lcsnow    责任编辑:lcsnow 
  • 上一篇电脑技术:

  • 下一篇电脑技术:
  • 发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
    最新热点 最新推荐 相关文章
    没有相关电脑技术
    Copyright @ 2006 天空资源网 All Rights Reserved
    Designed by: lcsnow E-mail: admin#seesky.net
    皖ICP备05005479号