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.

  • 相关阅读:
    js实现全选反选功能
    seajs笔记
    延迟加载图片
    JavaScript 数组基本操作
    图片上传,头像上传
    命令模式
    动态加载js css 插件
    发布-订阅模式
    js 切换全屏
    JavaScript 经典之一 闭包
  • 原文地址:https://www.cnblogs.com/nanfei/p/6126609.html
Copyright © 2011-2022 走看看