码迷,mamicode.com
首页 > Web开发 > 详细

Jquery cxColor 示例演示

时间:2016-12-02 18:33:11      阅读:316      评论:0      收藏:0      [点我收藏+]

标签:4.4   org   位置   value   javascrip   html   nbsp   blog   click   

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

经过对官方下载的示例一删一浏览终于弄出来了,这么简单的东西,官方的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 style="padding-top:200px;">
    <div id="colorPanel" title="将此标签放在想要弹出调色板的位置"></div>
    <input type="button" id="btnShowColorPanel" value="Show Color Panel" title="点击按钮弹出调色板" />
</body>
</html>

 

Jquery cxColor 示例演示

标签:4.4   org   位置   value   javascrip   html   nbsp   blog   click   

原文地址:http://www.cnblogs.com/nanfei/p/6126609.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!