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>
复制代码

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

下载将扩展名jpg改为rar.

posted on   空明流光  阅读(812)  评论(0)  编辑  收藏  举报

编辑推荐：
· SQL Server 2025 AI相关能力初探
· Linux系列：如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列（二）：开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
阅读排行：
· 阿里最新开源QwQ-32B，效果媲美deepseek-r1满血版，部署成本又又又降低了！
· 单线程的Redis速度为什么快？
· SQL Server 2025 AI相关能力初探
· AI编程工具终极对决：字节Trae VS Cursor，谁才是开发者新宠？
· 展开说说关于C#中ORM框架的用法！
历史上的今天：
2015-12-02 JavaScript 字符串转日期

导航

< 2025年3月 >
日 一 二 三 四 五 六
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5
点击右上角即可分享
微信分享提示