Jquery cxColor 示例演示

今天第一次自己做调色板调用,看了半天官方的例子愣是没看懂,唉,码农老矣,尚能码否?

经过对官方下载的示例一删一浏览终于弄出来了,这么简单的东西,官方的Demo逼格也太高了

上代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>cxColor Demo</title>
    <link rel="stylesheet" href="css/jquery.cxcolor.css" />
    <script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>
    <script type="text/javascript" src="js/jquery.cxcolor.min.js"></script>
    <script type="text/javascript">
        $(function () {
            var colorPanel = $("#colorPanel").cxColor();

            $("#btnShowColorPanel").bind("click", function () {
                colorPanel.show();
            });

            $("#colorPanel").bind("change", function () {
                alert("您选择的颜色是:" + this.value);
            });
        });
    </script>
</head>
<body >
    <div  title="将此标签放在想要弹出调色板的位置"></div>
    <input type="button"  value="Show Color Panel" title="点击按钮弹出调色板" />
</body>
</html>

源码地址:http://images2015.cnblogs.com/blog/65667/201612/65667-20161212151338261-147888183.jpg

下载将扩展名jpg改为rar.