最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

JavaScript 顏色梯度和漸變效果第3/3頁

 更新時(shí)間:2009年03月15日 21:15:07   作者:  
程序ColorGrads的作用是通過StartColor和EndColor生成顏色梯度集合。

ColorTrans部分:
復(fù)制代碼 代碼如下:

var ColorTrans = function(obj, options){

this._obj = $(obj);
this._timer = null;//定時(shí)器
this._index = 0;//索引
this._colors = [];//顏色集合
this._grads = new ColorGrads();

this.SetOptions(options);

this.Speed = Math.abs(this.options.Speed);
this.CssColor = this.options.CssColor;

this._startColor = this.options.StartColor || CurrentStyle(this._obj)[this.CssColor];
this._endColor = this.options.EndColor;
this._step = Math.abs(this.options.Step);

this.Reset();
this.SetColor();
};
ColorTrans.prototype = {
//設(shè)置默認(rèn)屬性
SetOptions: function(options) {
this.options = {//默認(rèn)值
StartColor: "",//開始顏色
EndColor: "#000",//結(jié)束顏色
Step: 20,//漸變級(jí)數(shù)
Speed: 20,//漸變速度
CssColor: "color"http://設(shè)置屬性(Scripting屬性)
};
Extend(this.options, options || {});
},
//重設(shè)顏色集合
Reset: function(color) {
//修改顏色后必須重新獲取顏色集合
color = Extend({ StartColor: this._startColor, EndColor: this._endColor, Step: this._step }, color || {});
//設(shè)置屬性
this._grads.StartColor = this._startColor = color.StartColor;
this._grads.EndColor = this._endColor = color.EndColor;
this._grads.Step = this._step = color.Step;
//獲取顏色集合
this._colors = this._grads.Create();
this._index = 0;
},
//顏色漸入
FadeIn: function() {
this.Stop(); this._index++; this.SetColor();
if(this._index < this._colors.length - 1){
this._timer = setTimeout(Bind(this, this.FadeIn), this.Speed);
}
},
//顏色漸出
FadeOut: function() {
this.Stop(); this._index--; this.SetColor();
if(this._index > 0){
this._timer = setTimeout(Bind(this, this.FadeOut), this.Speed);
}
},
//顏色設(shè)置
SetColor: function() {
var color = this._colors[Math.min(Math.max(0, this._index), this._colors.length - 1)];
this._obj.style[this.CssColor] = "rgb(" + color[0] + "," + color[1] + "," + color[2] + ")";
},
//停止
Stop: function() {
clearTimeout(this._timer);
}
};


[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]

相關(guān)文章

  • 淺析JavaScript中的平穩(wěn)退化(graceful degradation)

    淺析JavaScript中的平穩(wěn)退化(graceful degradation)

    所謂平穩(wěn)退化,就是指可以讓訪問者在瀏覽器不支持javascript或者禁用了JavaScript的時(shí)候依舊可以順利的瀏覽你的網(wǎng)頁,下文給大家簡(jiǎn)單介紹了js中的平穩(wěn)退化,感興趣的朋友一起看看吧
    2017-07-07
  • js實(shí)現(xiàn)本地時(shí)間同步功能

    js實(shí)現(xiàn)本地時(shí)間同步功能

    這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)本地時(shí)間同步功能,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2017-08-08
  • 原生JS forEach()和map()遍歷的區(qū)別、兼容寫法及jQuery $.each、$.map遍歷操作

    原生JS forEach()和map()遍歷的區(qū)別、兼容寫法及jQuery $.each、$.map遍歷操作

    這篇文章主要介紹了原生JS forEach()和map()遍歷的區(qū)別、兼容寫法及jQuery $.each、$.map遍歷操作,結(jié)合實(shí)例形式分析了JS使用forEach()和map()以及jQuery使用$.each、$.map進(jìn)行遍歷操作相關(guān)技巧與操作注意事項(xiàng),需要的朋友可以參考下
    2019-02-02
  • JS截取字符串常用方法整理及使用示例

    JS截取字符串常用方法整理及使用示例

    截取字符串的方法有很多,在使用過程中根據(jù)自己的實(shí)際需求進(jìn)行選擇,下面整理了一些常用的方法及使用示例,感興趣的朋友可以了解下
    2013-10-10
  • JavaScript自動(dòng)內(nèi)存管理與垃圾回收策略詳細(xì)分析講解

    JavaScript自動(dòng)內(nèi)存管理與垃圾回收策略詳細(xì)分析講解

    JS的垃圾回收機(jī)制是為了以防內(nèi)存泄漏,內(nèi)存泄漏的含義就是當(dāng)已經(jīng)不需要某塊內(nèi)存時(shí)這塊內(nèi)存還存在著,垃圾回收機(jī)制就是間歇的不定期的尋找到不再使用的變量,并釋放掉它們所指向的內(nèi)存。因?yàn)閮?nèi)存的大小是有限的,所以當(dāng)內(nèi)存不再需要的時(shí)候,我們需要對(duì)其進(jìn)行釋放
    2023-01-01
  • JS根據(jù)當(dāng)天不同時(shí)間顯示不同廣告的代碼

    JS根據(jù)當(dāng)天不同時(shí)間顯示不同廣告的代碼

    這篇文章主要介紹了JS根據(jù)當(dāng)天不同的時(shí)間段顯示不同廣告的代碼,可以精確到小時(shí)當(dāng)然如果分鐘都可以判斷出來,需要的朋友可以參考下
    2023-02-02
  • 微信小程序?qū)崿F(xiàn)五子棋游戲

    微信小程序?qū)崿F(xiàn)五子棋游戲

    這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)五子棋游戲,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2022-05-05
  • TableSort.js表格排序插件使用方法詳解

    TableSort.js表格排序插件使用方法詳解

    這篇文章主要為大家詳細(xì)介紹了TableSort.js表格排序插件的使用方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2017-02-02
  • 支持移動(dòng)端原生js輪播圖

    支持移動(dòng)端原生js輪播圖

    這篇文章主要介紹了支持移動(dòng)端原生js輪播圖的相關(guān)資料,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2017-02-02
  • JavaScript如何刪除對(duì)象的某個(gè)屬性詳析

    JavaScript如何刪除對(duì)象的某個(gè)屬性詳析

    這篇文章主要給大家介紹了關(guān)于JavaScript如何刪除對(duì)象的某個(gè)屬性的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2021-05-05

最新評(píng)論

四子王旗| 任丘市| 拜泉县| 浦县| 和硕县| 绥滨县| 纳雍县| 宣威市| 吴旗县| 锦州市| 墨江| 海口市| 敦化市| 容城县| 赞皇县| 册亨县| 婺源县| 惠安县| 晋江市| 山东省| 青冈县| 东明县| 镇安县| 绥德县| 阿拉善盟| 喜德县| 南汇区| 淮滨县| 霍邱县| 肃宁县| 淄博市| 凯里市| 大理市| 怀化市| 松潘县| 遂宁市| 科技| 广丰县| 合作市| 枣强县| 容城县|