鼠标取色代码求帮助

本帖最后由 wushigan 于 2012-09-04 14:12:36 编辑

解决方案 »

  1.   

    for example
    <html>
    <body onclick="alert(document.bgColor)">
    </body>
    </html>
      

  2.   


    多谢大哥指教，这个点击什么区域跳出来显示“#fffff”是啥子情况啊
      

  3.   

    参考以下代码，把它改写到div里去，首先隐藏起来，用的时候触发显示取色。
    <html>
    <head>
      <script type="text/javascript" src="jquery-1.6.2.js"></script>
      <style type="text/css">
    #show
    {
    opacity: .6;
    bgColor:#cff;
    display:none;
    width:auto;
    height:auto;
    margin:5px;
    position:absolute;
    }
      </style>
    </head>

    <body>
        <div>
            颜色值:<input type="text" id = "color"/>
        </div>
        <p>点击任何一个颜色块来获取<b>HTML色彩代码</b>。</p>
        <div id="show"></div>
        <div id="colorTable"></div>
        <div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <span><b>00:0;  33:51;  66:102;  99:153;  CC:204;  FF:255;</b></span>
        </div>
        <script type="text/javascript">
        var s='<table>';     var index="";
        var color=['00','33','66','99','CC','FF'];
        for(var i =0;i<6;i++){
        s+='<tr>';
        for(var j=0;j<6;j++){
        for(var k=0;k<6;k++){
        index= "#"+color[i] + color[j] + color[k];
        s+='<td style="height: 40px; width: 25px;"  bgColor="'+index
        +'"; ><\/td>';
        }
        }
        s+='<\/tr>';
        }
        s+='<\/table>';
        $("#colorTable").html(s);     $("td").mouseover(function (e) {
            $("#show").html($(this).css("bgColor"))
        .css({ 'top': e.pageY + 20, 'left': e.pageX + 10, 'display': 'block' });
        })
        .mouseout(function (e) {
            $("#show").css({ 'display': 'none' });
        }
            )
            .click(function () { 
                document.getElementById("color").value = this.bgColor;        })
        </script>
    </body>
    </html>
      

  4.   

    “#fffff”是颜色的二进制代码
      

  5.   

    取色么, 颜色值。 楼主可以写一个 onmouseover事件。