| 网站首页 | 文章中心 | 设计欣赏 | 下载中心 | 设计咨讯 | 平面设计 | 二维|三维 | 网页制作 | NIIT论坛 | 酷站! | 
    您现在的位置: 卓越设计网 >> 网页制作 >> Javascript >> 网页制作正文
多图片每次变化的效果不同的js效果       ★★★
多图片每次变化的效果不同的js效果
作者:佚名 文章来源:IT 点击数: 更新时间:2005-4-26 3:11:08

<script language=javascript>
var imgUrl=new Array();
var imgLink=new Array();
var adNum=0;
imgUrl[1]="http://www.smallrain.net/jsimg/1.jpg";
imgLink[1]="#1";
imgUrl[2]="http://www.smallrain.net/jsimg/2.jpg";
imgLink[2]="#2";
imgUrl[3]="http://www.smallrain.net/jsimg/3.jpg";
imgLink[3]="#3";
imgUrl[4]="http://www.smallrain.net/jsimg/4.jpg";
imgLink[4]="#4";

imgUrl[5]="http://www.smallrain.net/jsimg/2.jpg";
imgLink[5]="#2";
var imgPre=new Array();
var j=0;
for (i=1;i<=5;i++) {
 if( (imgUrl[i]!="") && (imgLink[i]!="") ) {
  j++;
 } else {
  break;
 }
}

function playTran(){
 if (document.all){
  document.imgInit.filters[0].play();
 }
}

function nextAd(){
 if(adNum<j)adNum++ ;
 else adNum=1;
 
 if (document.all){
  document.imgInit.filters[0].Transition=26;
  document.imgInit.filters[0].apply();
 }
 document.images.imgInit.src=imgUrl[adNum];
 playTran();
 theTimer=setTimeout("nextAd()", 6000);
}


function goUrl(){
 jumpUrl=imgLink[adNum];
 jumpTarget='_blank';
 if (jumpUrl != ''){
  if (jumpTarget != '')
   window.open(jumpUrl,jumpTarget);
  else
   location.href=jumpUrl;
 }
}
</script>
<a href="#" onclick="goUrl()" target="_parent"><img style="FILTER:
progid:DXImageTransform.Microsoft.RevealTrans (duration=1,transition=3);
; border-color:#000000;color:#000000;margin-bottom:-5px" src="javascript:nextAd()" height=100 width=150 border=0 name=imgInit></a>


网页制作录入:as8130239    责任编辑:as8130239 
  • 上一篇网页制作:

  • 下一篇网页制作:
  • 【字体: 】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
    网站
    导航
        最新图片
       推荐信息
       最 新 热 门
        最 新 推 荐
        相 关 文 章
    用Javascript巧做火焰字
    点了广告才能进网站(代
    CCTV视频的全屏播放功能
    一个不太让人讨厌的自动
    网站左右两边浮动广告(
    如何制作浮动广告
    VBScript 语言参考(强烈
    漂浮广告代码分析
    经典网页代码大奉送(40个
    JS广告代码大集合