<script> function Animation(target,targetProperty,closure,precisi " /> 免费一级毛片女人图片,亚洲国产成人综合,精品久久久一二三区

一区二区久久-一区二区三区www-一区二区三区久久-一区二区三区久久精品-麻豆国产一区二区在线观看-麻豆国产视频

javascript動畫效果類封裝代碼

<input id=output3 style="position:absolute;top:300;left:300;"/>
<input id=output1 />
<input id=output2 />
<br/>
<input id=output4 />

<script>
function Animation(target,targetProperty,closure,precision)
{
  closure=closure||function(x){return x;};
  precision=precision||10;
  this.handle;

  var beginTime=new Date();
  var stopTime=new Date();
  this.Begin=function(){
    beginTime=new Date();
    this.handle=setInterval(
      function(){
        var now=new Date();
        target[targetProperty]=closure(now.getTime()-beginTime.getTime());
      },
      precision
    );
       }

  this.Continue=function(){
    var now=new Date();
    beginTime.setTime(now.getTime()-stopTime.getTime()+beginTime.getTime());

    this.handle=setInterval(
      function(){
        var now=new Date();
        target[targetProperty]=closure(now.getTime()-beginTime.getTime());
      },
      precision
    );
  }

  this.Stop=function(duration){

    clearInterval(this.handle);

    if(duration===undefined)
    {
      stopTime=new Date();
      duration=stopTime.getTime()-beginTime.getTime();
    }
    else stopTime.setTime(beginTime.getTime()+duration)
    target[targetProperty]=closure(duration);
  }
}

function StoryBoard(Duration,onfinish,flag)
{
  onfinish=onfinish||function(){};
  var r=new Array();
  r.appendAnimation=function(animation)
  {
    if(animation instanceof Animation)
      this.push(animation);
  }
  r.removeAnimation=function(animation)
  {
    for(var i=0;i<r.length;i++)
    {
      if(r[i]==animation)
      {
        r.splice(i,1);
        break;
      }
    }
  }
  r.start=function(){    
    for(var i=0;i<r.length;i++)
    {
      r[i].Begin();
    }
    setTimeout(
      function(){
        for(var i=0;i<r.length;i++)
        {
          r[i].Stop(Duration);
        }
      },
      Duration
    );
    onfinish();
  }
  return r;

}
//////////////////////////////下面是使用方法////////////////////////////////
function $(id)
{
   return document.getElementById(id);
}
var a1=new Animation($("output1"),"value");
var a2=new Animation($("output2"),"width",function(x){return Math.floor(x/10);});
var a3=new Animation($("output3").style,"filter",function(x){return "alpha(opacity="+Math.floor(x/5000*100)+")";});
var a4=new Animation($("output4").style,"width",function(x){return Math.floor(x*x*x/50000/5000)+"px";});
var s=new StoryBoard(5000);
s.appendAnimation(a1);
s.appendAnimation(a2);
s.appendAnimation(a3);
s.appendAnimation(a4);
s.start();

</script>
<pre>
output1是改變value
output1是改變寬度
output3是淡入
output4是帶緩動的寬度
</pre>

JavaScript技術javascript動畫效果類封裝代碼,轉載需保留來源!

鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。

主站蜘蛛池模板: 亚洲日本一区二区三区 | 欧美在线不卡视频 | 欧美精品日韩一区二区三区 | 国产欧美性综合视频性刺激 | 97久久精品国产精品青草 | 四虎一区 | 激情视频免费网站 | 成人信息集中地 | 欧美成人免费大片888 | 精品久久中文网址 | 亚洲合集综合久久性色 | 国产乱子伦一区二区三区 | 精品第一页 | 色综合美国色农夫网 | 白白在线成人永久视频 | 一本久道久久综合中文字幕 | 国产精品久久久福利 | 久久一日本道色综合久久 | 中文字幕无限乱码不卡2021 | 国产人成激情视频在线观看 | 国产一区二区三区在线观看视频 | 国产精品系列在线观看 | 久久精品精品 | 国产精品视频人人做人人爱 | 亚洲国内 | 夜色55夜色66亚洲精品网站 | 欧洲性视频 | 免费国产在线观看 | 日日碰碰 | 亚洲成年网站 | 日本精品一区二区三区视频 | 色多多www视频在线观看免费 | 国产福利在线观看 | 一区二区不卡在线观看 | 日本一区二区视频免费播放 | 激情偷拍网| 69国产成人综合久久精品 | 国产亚洲高清在线精品99 | 99视频精品全部国产盗摄视频 | 精品女同一区二区三区免费站 | 亚洲国产系列一区二区三区 |