ホームページ  >  記事  >  ウェブフロントエンド  >  時間の経過とともに色が変化する効果?-ボックス管理システムの計画_html/css_WEB-ITnose

時間の経過とともに色が変化する効果?-ボックス管理システムの計画_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 11:37:46897ブラウズ

時間とともに色が変化する特殊効果 ---ボックス管理システムの計画

1 プロセス滴定装置によって定義されたパラメータ

色、位置 (開始値、終了値、電流比率) 》》 戻り値

後処理で 2 桁の 16 進数コードに変換できます

合成色の各単色の値を個別に定義し、適用されるコールバック イベント、オブジェクトを結合します。 。

2 まだ必要な機能

一時停止機能

時間均一増加機能

時間均一減少

著者: Laowa’s Claw Attilax Ailong、メール: 146 6519819 @qq.com

3概要図は以下の通りです

4 ---code

function getCurVal(startVal,endVal,percent)

{

var rang= Math.abs(Val-endVal);

start varAdjusts _count= Math .round ( Percent*rang);

if(startVal>endVal) //reduce

var cur_val=startVal-adjus_count;

else // アップロード

varcur_val=startVal +adjus_count;

return cur_val;

}

5 ---code22

var min_color=121;

var max_color=240;

varfinish_percent=past _time/dura;

var main_prercent=remain_time/dura;

//秒の色

varfinishi_color_oct= Math.round (finish_percent*5);

varfinishi_color_hex=str_pad(finishi_color_oct.toString(16),2,"0",STR_PAD_LEFT);

//拳の服

var remember_color_hex=str_pad(remain_color_ocr.toString(16) ,2,"0",STR_PAD_LEFT );

//finishi_color_hex="00";

var blue_str="#"+finishi_color_hex+remain_color_hex+"00";

if(remain_time>0){

$ (element).css("background-image","none");

$(element).css("background-color",blue_str);

}

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。