天天躁日日躁狠狠躁AV麻豆-天天躁人人躁人人躁狂躁-天天澡夜夜澡人人澡-天天影视香色欲综合网-国产成人女人在线视频观看-国产成人女人视频在线观看

JS Tween 顏色漸變

有31中緩動算法,實現了顏色的自動轉換(#f00 #ff0000 rgb(255,0,0)格式到顏色運算格式,最后返回#ff0000格式)、px單位的自動轉換。
調用接口:
/**
* 對外接口
* Tween的示例
* @param startProps 開始屬性,單個屬性或者數組
* @param endProps 結束屬性,單個屬性或者數組
* @param timeSeconds 運動消耗時間,單位秒
* @param animType 動作類型,字符串型,內部自己轉換算子
* @param delay 延遲時間,多長時間后開始運動,單位秒
*/
window.rtween = function(startProps, endProps, timeSeconds, animType, delay)
{
var tw = new Tween();
tw.start(startProps, endProps, timeSeconds, animType, delay);
return tw;
}
示例如下:
http://img.jb51.NET/online/Tween.htm

[Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]
選擇列表里面的緩動算法,點前面的按鈕,就會以想對的緩動算法運動

源代碼: http://img.jb51.NET/jslib/jquery/rtween.js
核心代碼:
function Tween()
{
this._frame=20;
//
this._animType = linear;
this._delay = 0;
//
this.run = function(){}
this.complete = function(){}
}
//
Tween.prototype.getValue = function(prop)
{
this._valueType = ”;
if(prop.constructor == Array) return prop;
//
if(typeof(prop) == 'string')
{
if(isColor(prop))
{
this._valueType = ‘color';
return c2a(prop);
}
if(prop.split('px').length>1)
{
this._valueType = ‘px';
return [prop.split('px')[0]];
}
}
return [prop];
}
Tween.prototype.setValue = function(prop)
{
if(this._valueType == ‘color')return a2c(prop);
if(this._valueType == ‘px')return prop[0]+'px';
return prop;
}
Tween.prototype.start = function(startProps, endProps, timeSeconds, animType, delay)
{
if(animType != undefined)this._animType = this.animTypes[animType];
if(delay != undefined)this._delay = delay;
//
this._timeSeconds = timeSeconds;
this._startTimer = new Date().getTime() + this._delay * 1000;
//
this._endProps = this.getValue(endProps);
this._startProps = this.getValue(startProps);
this._currentProps = [];
//
var $this = this;
clearInterval(this._runID);
this._runID = setInterval(
function(){$this._run();}
,this._frame);
}
Tween.prototype.stop = function(state)
{
for(var i in this._startProps)
{
if(Number(state)>0)
this._currentProps[i] = this._endProps[i];
else if(Number(state)<0)
this._currentProps[i] = this._startProps[i];
}
this.callListener();
this.complete();
//
clearInterval(this._runID);
}
Tween.prototype.callListener = function()
{
this.run(this.setValue(this._currentProps));
}
Tween.prototype._run = function()
{
if ( new Date().getTime()- this._startTimer< 0) return;
var isEnd = false;
//
for(var i in this._startProps)
{
this._currentProps[i] = this._animType( new Date().getTime()-this._startTimer,Number(this._startProps[i]),Number(this._endProps[i])-Number(this._startProps[i]),this._timeSeconds * 1000);
//
if(this._startTimer + (this._timeSeconds * 1000) <= new Date().getTime())
{
this._currentProps[i] = this._endProps[i];
isEnd = true;
}
}
//
if(isEnd)this.stop();
else this.callListener();
}

JavaScript技術JS Tween 顏色漸變,轉載需保留來源!

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

主站蜘蛛池模板: 神马午夜不卡片 | 少妇高潮A视频 | 浪货嗯啊趴下NP粗口黄暴 | 欧美性xxxxxx爱 | 粗大分开挺进内射 | 鸥美一级黄色片 | 一级毛片全部免 | 日本A级作爱片金瓶双艳 | 果冻传媒2021精品影视 | 免费A级毛片无码无遮挡 | 欧美牲交A欧美牲交 | 女生扒开下面 | 久久中文字幕免费视频 | 国产色欲一区二区精品久久呦 | 果冻传媒2021一二三在线观看 | 国产又黄又粗又爽又色的视频软件 | 亚洲色欲色欲www474ee | 欧美日韩高清一区二区三区 | 黑人娇小BBW | 99热成人精品国产免男男 | 久久久久夜| 国产剧情福利AV一区二区 | 97色伦久久视频在观看 | 亚洲欧美一区二区三区九九九 | 亚洲中文字幕永久在线 | 大香伊人久久 | 国产人妻人伦精品98 | 色综合 亚洲 自拍 欧洲 | 亚洲精品无码葡京AV天堂 | 欧美xx69| 尿了么app| 久久国产精品萌白酱免费 | 粉嫩无套白浆第一次jk | 人妻互换免费中文字幕 | 国产精品你懂的在线播放 | 欧洲精品一区二区不卡观看 | 国产无遮挡色视频免费观看性色 | 久久免费黄色 | 亚洲精品久久一区二区三区四区 | 伊人久久一本 | 男女免费观看在线爽爽爽视频 |