色彩块

树懒pray

于 2020-05-07 12:23:20 发布

阅读量259

点赞数

文章标签： javascript css html5

本文链接：https://blog.csdn.net/weixin_46221319/article/details/105970036

版权

色彩块

在这里插入图片描述

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title></title>
  <style type="text/css">
   *{
    margin: 0;
    padding: 0;
   }
  </style>
 </head>
 <body style="width: 100px;">
  <script type="text/javascript">
   window.onload = function () {
    for (var i = 0; i <= 255; i += 24) {
     for (var j = 0; j <= 255; j += 14) {
      for (var k = 0; k <= 255; k += 5) {
       var re = '<div id="div" style="width: 8px;height: 8px;float: left;margin: 1px;background:rgb('+i+','+j+','+k+')" > <\/div>'
       document.write(re);
       var rt = document.getElementById("div");
       rt.addEventListener("mouseover",names);
       function names(){
        document.write('<div id="div" style="width: 8px;height: 8px;float: left;margin: 1px;background:rgb('+i+','+j+','+k+')" >rgb('+i+','+j+','+k+')<\/div>');
       }
      }
     }
    }
   }
  </script>
 </body>
</html>