js 颜色选择插件
2024-08-25 19:00:03
COLPICK是一款非常的轻小,无需图片就可以实现颜色选择器的jquery插件,只用 JS 和 CSS 就实现了全部功能,而且非常直观,类似Photoshop的界面,使用方便。颜色的明暗很容易自定义,整个整个都是用html5+ CSS3实现外观而,插件只有28 KB,浏览器加载速度可以说是非常快的,而在低于IE9的版本也可以使用,只需载入了支持html5的html5shiv.js.
下载该插件和 colpick.js 和 colpick.css 添加到您的文档的头:
<script src="js/colpick.js" type="text/javascript"></script>
<link rel="stylesheet" href="css/colpick.css" type="text/css"/>
html
<button id="picker">Show Color Picker</button>
js
$('#colorSelector').colpick({
flat: true,
layout: 'full',
submit: true,
width: 500,
colorScheme: 'dark',
color: "#bbbbbb",
onChange: function (hsb, hex, rgb, el, bySetColor) {
}, onSubmit: function (hsb, hex, rgb, el) {
//处理你的业务需求
}
}).keyup(function () {
$(this).colpickSetColor(this.value);
}).colpickSetColor("传入一个默认的颜色");
最新文章
- LATEX数学公式基本语法
- 多线程同步工具——CAS原子变量
- 关于Spring的构造函数,init-method,和依赖注入的先后顺序
- Tomcat基于虚拟路径的发布和web.xml配置
- 【BZOJ】3523: [Poi2014]Bricks
- MUI(4)
- j-link或者swd调试
- 在Kibana上格式化字段,更好的在dashboard上展示
- 当Thread.Sleep的暂停时间参数设置过小时,精度很差的解决方法
- LightOJ1158 Anagram Division(状压DP)
- 【性能诊断】八、并发场景的性能分析(windbg案例,连接泄露)
- uclibc,eglibc,glibc之间的区别和联系
- MongoDB C++ 2.4.5 driver 编译安装问题
- POI读入excel文件到Java中
- message from server: ";Host &#39;xxx&#39; is not allowed to connect to this MySQL server的解决
- 关于The requested PHP extension ext-pdo_sqlite * is missing from your system. Install or enable PHP&#39;s pdo_sqlite extension.的解决
- es6学习笔记--字符串&;数值&;数组&;函数&;对象的扩展
- Oracle 内连接和外连接
- FJNU2018低程A 逃跑路线(Lucas + 中国剩余定理 + LGV定理)题解
- webpack对多个模块依赖进行打包
热门文章
- python,ModuleNotFoundError,is not a package
- 求1!+2!+3!+......+n!的和 -----C++-----
- 解决git中upstream丢失问题Your branch is based on &#39;origin/xxxx&#39;, but the upstream is gone.
- Game Engine Architecture 9
- css第四天
- centOS7 关闭swap
- 字节、字、bit、Byte、byte的关系区分
- ES6使用Set实现数组去重
- 报错:The import android.support cannot be resolved
- Python学习笔记十_模块、第三方模块安装、模块导入