Jquery cxColor 示例演示

Posted 空明流光

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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 style="padding-top:200px;">
    <div id="colorPanel" title="将此标签放在想要弹出调色板的位置"></div>
    <input type="button" id="btnShowColorPanel" value="Show Color Panel" title="点击按钮弹出调色板" />
</body>
</html>

 

以上是关于Jquery cxColor 示例演示的主要内容，如果未能解决你的问题，请参考以下文章

十条实用的jQuery代码片段

用户界面框架jQuery EasyUI示例大全之切换按钮和分页演示

用户界面框架jQuery EasyUI示例大全之进度栏搜索框及表单演示

基于 jQuery 的 WYSIWYG 编辑器示例演示 OOP javascript

sql 这些代码片段将演示如何逐步使用PolyBase。你应该有一个blob存储和存储秘密方便

jQuery应用 代码片段