最新下载
Vue记事本添加删除特效
24小时阅读排行榜
- 1 如何在类中安全复用函数名变量以调用字符串内置方法
- 2 如何在类中安全复用外部循环变量作为方法调用名?
- 3 如何在带背景图的页脚中精准叠加内容(HTML/CSS 实现方案)
- 4 如何监控 MySQL Threads_connected 接近 max_connections 的告警
- 5 如何用正则表达式校验严格大于 0 的二维数值数组字符串
- 6 如何在 Laravel 表单过滤后精准保持复选框选中状态
- 7 SQL 中 NULL 与空字符串 ‘’ 的比较行为差异汇总
- 8 为什么 outerHTML 会导致 onclick 事件失效?
- 9 如何修复 Python 中因大小写不匹配导致的输入判断失效问题
- 10 SQL 生产环境最常见的 10 个导致查询超时的写法错误
- 11 如何让 <details> 展开时悬浮覆盖在其他元素之上
- 12 如何在 GA4 中正确传递并显示用户 ID(User ID)
- 13 CSS 中的分号缺失导致语法错误:正确书写规则详解
- 14 如何用 COALESCE / IFNULL / ISNULL 优雅处理 NULL 值
- 15 如何在 Go 中将指针解引用为原始值
最新教程
-
- Node.js 教程
- 16291 2025-08-28
-
- CSS3 教程
- 1546950 2025-08-27
-
- Rust 教程
- 23418 2025-08-27
-
- Vue 教程
- 25859 2025-08-22
-
- PostgreSQL 教程
- 22356 2025-08-21
-
- Git 教程
- 9314 2025-08-21
代码片段:
for(var r=0;r<255;r+=65){
for(var b=0;b<255;b+=65){
for(var g=0;g<255;g+=65){
div=document.createElement("div");
div.setAttribute("class","item");
div.setAttribute("data-r",r);
div.setAttribute("data-g",g);
div.setAttribute("data-b",b);
div.style.backgroundColor="rgba("+r+","+g+","+b+","+"1)";
initColor.appendChild(div);
div.onclick=function(){
document.getElementById("nowSelectColor").style.backgroundColor="rgba("+this.getAttribute("data-r")+","+this.getAttribute("data-g")+","+this.getAttribute("data-b")+","+"1)";
colorObj.r=this.getAttribute("data-r");
colorObj.g=this.getAttribute("data-g");
colorObj.b=this.getAttribute("data-b");
}
}
}
}
