JavaScript手写颜色选择器（详细但简单！！！）

最新推荐文章于 2024-04-16 09:12:19 发布

枫叶在夏天

最新推荐文章于 2024-04-16 09:12:19 发布

阅读量370

点赞数

本文链接：https://blog.csdn.net/weixin_44552302/article/details/116569851

版权

先直接上效果图~
在这里插入图片描述

手写的原理就是：颜色是 “#” + “十六进制” 组成，所以用循环让其自由组合，就可以得到各种颜色的十六进制，再JS设置背景颜色和点击事件就可以了。

CSS就不上了，HTML和JS整这里：

<body>
    <div class="content">
        <div class="divColor">
            <script type="text/javascript">
                var c = 'FDB97531';
                var begin = 0;
                for (var i = 0; i < 2; i++) {
                    begin = i * 4;
                    for (var r = 0; r < c.length; r++) {
                        document.writeln('<div class="clear">');
                        for (var g = begin; g < begin + 3; g++) {
                            for (var b = 0; b < c.length; b++) {

最低0.47元/天解锁文章

枫叶在夏天

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript手写颜色选择器（详细但简单！！！）

先直接上效果图~手写的原理就是：颜色是 “#” + “十六进制” 组成，所以用循环让其自由组合，就可以得到各种颜色的十六进制，再JS设置背景颜色和点击事件就可以了。CSS就不上了，HTML和JS整这里：<body> <div class="content"> <div class="divColor"> <script type="text/javascript"> var
复制链接

扫一扫