js生成web安全色

zoukankan html css js c++ java

js生成web安全色
256色里有40种颜色在Macintosh和Windows里显示的效果不一样，所以能安全使用的只有216色。
[html] view plain copy

<!DOCTYPE HTML>

<html>

<head>

<meta charset="utf-8" />

<title> web安全色 </title>

    <meta name="keywords" content="" />

    <meta name="description" content="" />

    <style type="text/css">

    div{ color:#f60; font:12px/1.5 Georgia;}

    </style>

</head>

<body>



<script type="text/javascript">

        window.onload = function()

        {

            var aColor = ['00','33','66','99','CC','FF'];

            var iLen = aColor.length;

            var i = 0;

            var j = 0;

            var iWidth = 100;

            var iHeight = 18;

            var iScreenX = (document.documentElement.clientWidth-iWidth*iLen)/2;

            var iScreenY = (document.documentElement.clientHeight-iHeight*iLen*iLen)/2;



            for(var r = 0; r < iLen; r++)

            {

                for(var g = 0; g < iLen; g++)

                {

                    for(var b = 0; b < iLen; b++)

                    {

                        var oDiv = document.createElement('div');

                        oDiv.style.width = iWidth+'px';

                        oDiv.style.height = iHeight+'px';

                        oDiv.style.position = 'absolute';

                        oDiv.style.left = (Math.floor(i/iLen)-Math.floor(i/36)*iLen)*iWidth+iScreenX+'px';

                        oDiv.style.top = (Math.floor(i/36)*iLen+(i%iLen))*iHeight+iScreenY+'px';

                        oDiv.innerHTML = oDiv.style.backgroundColor = '#'+aColor[r].toString()+aColor[g].toString()+aColor[b].toString();

                        document.body.appendChild(oDiv);

                        i++;

                    }

                };

            };

        };

</script>

</body>

</html>
查看全文

相关阅读:
iOS项目中的网络请求和上下拉刷新封装
 iOS 自定义转场动画浅谈
 python中通过xlwt、xlrd和xlutils操作xls
Python: PS 滤镜--水波特效
 Python: PS 滤镜--旋涡特效
 Python: PS 滤镜--USM 锐化
 Python: PS 滤镜--素描
 Python: PS 图像调整--饱和度调整
 Python: PS 图像特效 — 模糊玻璃
 Python: PS 滤镜--表面模糊

原文地址：https://www.cnblogs.com/fightjianxian/p/9134358.html