zoukankan      html  css  js  c++  java
  • 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.

  • 相关阅读:
    C++ 指针 new delete int*与string
    61.Android适配的那些P事(转)
    60.Android通用流行框架大全
    Android Studio配置指南总结
    大数据学习资源(下)
    大数据学习资源(上)
    59.Android开源项目及库 (转)
    Linux 简介
    7款应用最广泛的Linux桌面环境盘点
    58. Android一些开发习惯总结
  • 原文地址:https://www.cnblogs.com/nanfei/p/6126609.html
Copyright © 2011-2022 走看看