Atitit.随时间变色特效?-包厢管理系统的规划_html/css_WEB-ITnose

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了Atitit.随时间变色特效?-包厢管理系统的规划_html/css_WEB-ITnose，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1546字，纯文字阅读大概需要3分钟。

内容图文

定义的参数 颜色、位置（开始值，结束值，当前比值） 》》返回数值

可以后期处理转成双位16进制码

分别定义复合颜色的，每个单色数值，然后join

回调事件，要应用的对象。。

暂停功能

统一增加时间功能

统一减少时间

作者:: 老哇的爪子 Attilax 艾龙， EMAIL:1466519819@qq.com

function getCurVal(startVal,endVal,percent)

{

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

var adjus_count= Math.round ( percent*rang);

if(startVal>endVal) //reduce

var cur_val=startVal-adjus_count;

else //up load

var cur_val=startVal+adjus_count;

return cur_val;

}

var min_color=121;

var max_color=240;

var finish_percent=past_time/dura;

var remain_prercent=remain_time/dura;

//sec color

var finishi_color_oct= Math.round (finish_percent*5);

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

//fist cloor

var rang=max_color-min_color;

var adjus_count= Math.round ( remain_prercent*rang);

var remain_color_ocr=121+adjus_count;

var remain_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);

}

内容总结

以上是互联网集市为您收集整理的Atitit.随时间变色特效?-包厢管理系统的规划_html/css_WEB-ITnose全部内容，希望文章能够帮你解决Atitit.随时间变色特效?-包厢管理系统的规划_html/css_WEB-ITnose所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端