关于这个gif动画的切换是怎么实现的

http://singlepine.cnblogs.com/articles/253396.html

解决方案 »

  1.   

    放在<head>标签中
    <script language=javascript>
    isns = navigator.appName == "Netscape";
    function ztstr(id,picurl,linkurl)
    {
    this.id=id
    this.picurl=picurl
    this.linkurl=linkurl
    }zhuanti=new Array()
    imgcount=1;
    frequency=10*800;//30秒//在这里修改图片的路径和链接
    zhuanti[1]=new ztstr('1','ad/20054884310.jpg','#')//图片目录,#是图片的连接路径
    zhuanti[2]=new ztstr('2','ad/200548143845.jpg','#')
    zhuanti[3]=new ztstr('3','ad/ads_labixiaoxin.gif','#')
    zhuanti[4]=new ztstr('4','ad/ads_duihua.gif','#')imgcount=zhuanti.length-1
    for(i=1;i<=imgcount;i++)
    {
    eval("img"+i+"=new Image()")
    eval("img"+i+".src=zhuanti["+i+"].picurl")
    }nn=1var rand1 = 0;
    var useRand = 0;function swapPic() {
    var imgnum = zhuanti.length - 1;
    do {
    var randnum = Math.random();
    rand1 = Math.round((imgnum - 1) * randnum) + 1;
    } while (rand1 == useRand);
    useRand = rand1;
    // alert(useRand);
    nn=useRand;
    change_img();
    }function change_img()
    {
    eval('document.pic.src=img'+nn+'.src');
    nn++;
    if(nn>imgcount) nn=1
    if(!isns)
    {
    pic.filters.item(0).apply()
    pic.style.visibility='visible'
    pic.filters.item(0).play()
    setTimeout("pic.style.visibility='hidden'",frequency);
    }
    else
    document.pic.visibility='visible'
    tt=setTimeout('change_img()',frequency)
    }function pictarget()
    {
    tt=nn-1
    if(tt<1) tt=imgcount
    cururl=zhuanti[tt].linkurl
    window.open(cururl);
    }
    function ini()
    {
    if(!isns)
    {
    spacewidth=Math.round((divmask.offsetWidth-770)/2)
    dmwidth=770+spacewidth
    dmheight=divmask.offsetHeight
    totalstep=50
    timeout=50
    dmstepw=Math.round(770/totalstep)
    dmsteph=Math.round(dmheight/totalstep)
    setTimeout('hidimg()',3000)
    }
    else swapPic()
    }function hidimg()
    {
    dmwidth-=dmstepw
    dmheight-=dmsteph
    eval('divmask.style.clip="rect(0,'+dmwidth+','+dmheight+',0)"')
    hdrun=setTimeout('hidimg()',timeout)
    if(dmwidth<=spacewidth&&dmheight<=0)
    {
    divmask.style.visibility='hidden'
    clearTimeout(hdrun)
    swapPic()
    }
    }
    </script>这是body标签的内容<body onload="swapPic()"><a href=javascript:void(null) onclick='javascript:pictarget();return false;'><img src="ad/20054884310.jpg" width=542 height=262 border=0 name=pic style="visibility:hidden;filter:revealtrans(duration=2.0,transition=12)"></a>
      
    </body>