javascript 圖片變換效果

来源:互联网 发布:卖zara的淘宝外贸原单 编辑:程序博客网 时间:2024/05/02 01:50

<script>
var imgUrl=new Array();
var imgTz=new Array();
var adNum=4;
imgUrl[2]="images/12.jpg";
imgUrl[3]="images/123.jpg";
imgUrl[1]="images/1234.jpg";
imgUrl[4]="images/12345.jpg";
imgUrl[0]="images/012345.jpg";

var imgPre=new Array();
var j=0;
for (i=1;i<=4;i++) {
 if(imgUrl[i]!="") {
  j++;
 } else {
  break;
 }
}

function playTran(){
 if (true)
  imgInit.filters.revealTrans.play();
}

var key=0;
function nextAd(){
 if(adNum<j)adNum++ ;
 else adNum=1;
 
 if( key==0 ){
  key=1;
 } else if (document.all){
  imgInit.filters.revealTrans.Transition=23;
  //1--从中间以方格形式播放  2--从四周以圆圈向中间收笼播放  3--从中间以圆圈形式播放
  //4--从下往上横扫播放      4--从上往下横扫播放            6--从左到右竖扫播放
  //7--从右到左竖扫播放      8--从左到右百页窗播放          9--从上到下百页窗播放
  //10--从左到右百页窗方块   11--从上到下百页窗方块         12--随机焦点
  //23--随机播放

  imgInit.filters.revealTrans.apply();
  playTran();
 }
 document.images.imgInit.src=imgUrl[adNum];
 theTimer=setTimeout("nextAd()", 6000);  //滚动间隔时间,以毫秒为单位
}

<

<img src="javascript:nextAd()" id="imgInit" style="filter:reavalTrans(transition=23)" />


原创粉丝点击