movii
7/9/2017 - 2:21 AM

笔记：开关灯，色温调节效果 - 1. 调节层的颜色：

笔记：开关灯，色温调节效果 - 1. 调节层的颜色：

main.js
content_copyfile_download
// $val 是 input[type="range"].on('input') 传来的值
if ($val > 0) {
  // rgba(255, 255, 0, 1) = yellow
  tempCover.style.background = 'rgba(255,255,0,' + Math.abs($val) / 400 + ')'
} 
else {
  // rgba(0, 0, 255, 1) = blue
  tempCover.style.background = 'rgba(0, 0, 255,' + Math.abs($val) / 400 + ')'
}