Skip to content

Latest commit

 

History

History
executable file
·
22 lines (13 loc) · 839 Bytes

color-picker.md

File metadata and controls

executable file
·
22 lines (13 loc) · 839 Bytes

队列

** 难度 ** ⭐ 适合初学者

练习介绍

使用 JavaScript 来实现简易的颜色选择器,在页面中以矩阵的方式显示数个颜色,当鼠标移动到某个颜色格子上是,在某个地方显示该颜色的RGB值

用例描述

  • 在页面中使用 JavaScript 生成一个颜色选择器,按顺序产生颜色矩阵
  • 生成颜色时,分别在RGB项上以 32 为间隔,从 RGB(0, 0, 0) 遍历到 RGB(255, 255, 255),共生成 729 个颜色格子
  • 当鼠标移动到某个颜色格子上是,在页面某个地方显示三个数字,分别为当前鼠标选中颜色的RGB值

练习要求

  • 不使用任何第三方的布局或样式库
  • 不使用任何第三方的 JavaScript 库

练习参考资料