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 相关文章推荐
激活 ActiveX 控件
Oct 09 Javascript
基于Jquery实现的一个图片滚动切换
Jun 21 Javascript
详谈LABJS按需动态加载js文件
May 07 Javascript
JavaScript编程学习技巧汇总
Feb 21 Javascript
jQuery实现的网格线绘制方法
Jun 20 Javascript
js滚轮事件兼容性问题需要注意哪些
Nov 15 Javascript
js实现简单的手风琴效果
Feb 27 Javascript
js获取指定时间的前几秒
Apr 05 Javascript
将input框中输入内容显示在相应的div中【三种方法可选】
May 08 Javascript
cordova入门基础教程及使用中遇到的一些问题总结
Nov 14 Javascript
详解vue.js之props传递参数
Dec 12 Javascript
详解关于Vue单元测试的几个坑
Apr 26 Javascript
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
PHP实现数组向任意位置插入,删除,替换数据操作示例
2019/04/05 PHP
PHP的图像处理实例小结【文字水印、图片水印、压缩图像等】
2019/12/20 PHP
PHP $O00OO0=urldecode &amp; eval 解密,记一次商业源码的去后门
2020/09/13 PHP
javascript firefox不显示本地预览图片问题的解决方法
2008/11/12 Javascript
AppBaseJs 类库 网上常用的javascript函数及其他js类库写的
2010/03/04 Javascript
nullJavascript中创建对象的五种方法实例
2013/05/07 Javascript
抛弃Nginx使用nodejs做反向代理服务器
2014/07/17 NodeJs
jQuery实现鼠标经过图片变亮其他变暗效果
2015/05/08 Javascript
JS如何判断是否为ie浏览器的方法(包括IE10、IE11在内)
2015/12/13 Javascript
jQuery Easyui实现左右布局
2016/01/26 Javascript
浅析C/C++,Java,PHP,JavaScript,Json数组、对象赋值时最后一个元素后面是否可以带逗号
2016/03/22 Javascript
js分页之前端代码实现和请求处理
2017/08/04 Javascript
带你快速理解javascript中的事件模型
2017/08/14 Javascript
详解node单线程实现高并发原理与node异步I/O
2017/09/21 Javascript
JavaScript实现的仿新浪微博原生态输入字数即时检查功能【兼容IE6】
2017/09/26 Javascript
详解vue使用vue-layer-mobile组件实现toast,loading效果
2018/08/31 Javascript
使用vue实现HTML页面生成图片的方法
2020/03/12 Javascript
Python中利用sqrt()方法进行平方根计算的教程
2015/05/15 Python
Python爬虫番外篇之Cookie和Session详解
2017/12/27 Python
Python 中字符串拼接的多种方法
2018/07/30 Python
django中media媒体路径设置的步骤
2019/11/15 Python
Python多进程编程常用方法解析
2020/03/26 Python
Python中Selenium库使用教程详解
2020/07/23 Python
python爬虫要用到的库总结
2020/07/28 Python
利用python汇总统计多张Excel
2020/09/22 Python
美国最大婚纱连锁店运营商:David’s Bridal
2019/03/12 全球购物
海蓝之谜英国官网:La Mer英国
2020/01/15 全球购物
美国轻奢时尚购物网站:REVOLVE(支持中文)
2020/07/18 全球购物
土木工程应届生自荐信
2013/09/24 职场文书
商务邀请函范文
2014/01/14 职场文书
洗车工岗位职责
2014/03/15 职场文书
庐山导游词
2015/02/03 职场文书
中班教师个人总结
2015/02/05 职场文书
python使用pygame创建精灵Sprite
2021/04/06 Python
django学习之ajax post传参的2种格式实例
2021/05/14 Python
mysql sock 文件解析及作用讲解
2022/07/15 MySQL