jQuery soColorPacker 网页拾色器


Posted in Javascript onJune 22, 2016

未采用生僻的jquery特性,能兼容jquery1.2.6以上所有版本

实例预览

引入文件

<link type="text/css" rel="stylesheet" media="all" href="soColorPacker/css/style.css" />
<script type="text/javascript" src="jquery1.8.0.min.js"></script>
<script type="text/javascript" src="jquery.soColorPacker-1.0.min.js"></script>
<script type="text/javascript" src="jquery.bgiframe-2.1.1.js"></script>

使用方法

<input type="text" class="txt" id="txt_pack_1" name="txt" />
$('#txt_pack_1').soColorPacker();

soColorPacke参数

$(obj).soColorPacker({
changeTarget:null, //颜色选择后填入或改变的目标对象,默认null为当前引用方法对象
textChange:true, //是否将颜色值填入target对象
colorChange:1, //值:0,1,2 ,0:不改变,1:改变文字颜色,2:改变背景颜色
selfBgChange:false,//改变自身背景颜色
size:2, //值:1,2,3,改变拾色器表现大小,1:小,2:中,3:大
x:0,////拾色器坐标x轴偏移量
y:20, //拾色器坐标y轴偏移量
styleClass:null,//自定义添加class名,不能为默认的 "colorPackerBox"
callback:callback:function(){}//点击颜色单元返回事件
});
Javascript 相关文章推荐
基于jQuery的日期选择控件
Oct 27 Javascript
解析js如何获取当前url中的参数值并复制给input
Jun 23 Javascript
js替换字符串的所有示例代码
Jul 23 Javascript
JQuery教学之性能优化
May 14 Javascript
Jquery中find与each方法用法实例
Feb 04 Javascript
JavaScript实现动态删除列表框值的方法
Aug 12 Javascript
JavaScript ES6的新特性使用新方法定义Class
Jun 28 Javascript
jquery replace方法去空格
May 08 jQuery
vue如何使用 Slot 分发内容实例详解
Sep 05 Javascript
基于vue2.0的活动倒计时组件countdown(附源码下载)
Oct 09 Javascript
jquery实现选项卡切换代码实例
May 14 jQuery
jquery实现拖拽添加元素功能
Dec 01 jQuery
DIV+CSS+jQ实现省市联动可扩展
Jun 22 #Javascript
Javascript对象字面量的理解
Jun 22 #Javascript
Javascript闭包与函数柯里化浅析
Jun 22 #Javascript
JS中innerHTML和pasteHTML的区别实例分析
Jun 22 #Javascript
JS实现pasteHTML兼容ie,firefox,chrome的方法
Jun 22 #Javascript
浅析JavaScript中命名空间namespace模式
Jun 22 #Javascript
Javascript实现图片不间断滚动的代码
Jun 22 #Javascript
You might like
《DOTA3》开发工作已经开始 《DOTA3》将代替《DOTA2》
2021/03/06 DOTA
php模板引擎技术简单实现
2016/03/15 PHP
PHP命令行执行整合pathinfo模拟定时任务实例
2016/08/12 PHP
php使用FFmpeg接口获取视频的播放时长、码率、缩略图以及创建时间
2016/11/07 PHP
ZendFramework2连接数据库操作实例
2017/04/18 PHP
thinkphp3.2.0 setInc方法 源码全面解析
2018/01/29 PHP
指定js可访问其它域名的cookie的方法
2007/09/18 Javascript
用javascript做拖动布局的思路
2008/05/31 Javascript
javascript div 弹出可拖动窗口
2009/02/26 Javascript
用js实现判断当前网址的来路如果不是指定的来路就跳转到指定页面
2011/05/02 Javascript
IE和Firefox的Javascript兼容性总结[推荐收藏]
2011/10/19 Javascript
jquery动态增加text元素以及删除文本内容实例代码
2013/07/01 Javascript
当鼠标移动时出现特效的JQuery代码
2013/11/08 Javascript
Jquery 动态生成表格示例代码
2013/12/24 Javascript
js数值和和字符串进行转换时可以对不同进制进行操作
2014/03/05 Javascript
JavaScript格式化日期时间的方法和自定义格式化函数示例
2014/04/04 Javascript
JQuery表单验证插件EasyValidator用法分析
2014/11/15 Javascript
jQuery实现Tab菜单滚动切换的方法
2015/09/21 Javascript
js将滚动条滚动到指定位置的简单实现方法
2016/06/25 Javascript
jQuery实现拖动剪裁图片作为头像
2016/12/28 Javascript
Vuex之理解state的用法实例
2017/04/19 Javascript
layui点击按钮添加可编辑的一行方法
2018/08/15 Javascript
vue项目打包部署到服务器的方法示例
2018/08/27 Javascript
详解使用jest对vue项目进行单元测试
2018/09/07 Javascript
微信小程序HTTP接口请求封装代码实例
2019/09/05 Javascript
微信小程序后端实现授权登录
2020/02/24 Javascript
[14:57]DOTA2 HEROS教学视频教你分分钟做大人-幽鬼
2014/06/13 DOTA
python的描述符(descriptor)、装饰器(property)造成的一个无限递归问题分享
2014/07/09 Python
python分析网页上所有超链接的方法
2015/05/08 Python
python绘制散点图并标记序号的方法
2018/12/11 Python
python+pygame实现坦克大战
2019/09/10 Python
Django视图扩展类知识点详解
2019/10/25 Python
Python 实现opencv所使用的图片格式与 base64 转换
2020/01/09 Python
tensorflow 保存模型和取出中间权重例子
2020/01/24 Python
python Scrapy框架原理解析
2021/01/04 Python
Spring Bean是如何初始化的详解
2022/03/22 Java/Android