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 相关文章推荐
Mozilla中显示textarea中选择的文字
Sep 07 Javascript
js 模拟实现类似c#下的hashtable的简单功能代码
Jan 24 Javascript
利用浏览器全屏api实现js全屏
Jan 16 Javascript
浅谈angularJS 作用域
Jul 05 Javascript
12306 刷票脚本及稳固刷票脚本(防挂)
Jan 04 Javascript
jQuery实现 上升、下降、删除、添加一行代码
Mar 06 Javascript
vuex 使用文档小结篇
Jan 11 Javascript
JS实现的将html转为pdf功能【基于浏览器端插件jsPDF】
Feb 06 Javascript
Vue+webpack项目基础配置教程
Feb 12 Javascript
vue配置请求本地json数据的方法
Apr 11 Javascript
JavaScript如何实现元素全排列实例代码
May 14 Javascript
JS为什么说async/await是generator的语法糖详解
Jul 11 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
学习使用curl采集curl使用方法
2012/01/11 PHP
php中 $$str 中 &quot;$$&quot; 的详解
2015/07/06 PHP
php上传图片类及用法示例
2016/05/11 PHP
PHP的mysqli_select_db()函数讲解
2019/01/23 PHP
实例分析10个PHP常见安全问题
2019/07/09 PHP
JavaScript 加号(+)运算符号
2009/12/06 Javascript
Nodejs极简入门教程(一):模块机制
2014/10/25 NodeJs
javascript实现随时变化着的背景颜色
2015/04/02 Javascript
jquery计算鼠标和指定元素之间距离的方法
2015/06/26 Javascript
JS模拟实现Select效果代码
2015/09/24 Javascript
js实现iframe框架取值的方法(兼容IE,firefox,chrome等)
2015/11/26 Javascript
js实现楼层效果的简单实例
2016/07/15 Javascript
基于MVC5和Bootstrap的jQuery TreeView树形控件(一)之数据支持json字符串、list集合
2016/08/11 Javascript
利用JS判断字符串是否含有数字与特殊字符的方法小结
2016/11/25 Javascript
js 将input框中的输入自动转化成半角大写(税号输入框)
2017/02/16 Javascript
jQuery在header中设置请求信息的方法
2017/03/06 Javascript
Vuejs 页面的区域化与组件封装的实现
2017/09/11 Javascript
微信小程序返回箭头跳转到指定页面实例解析
2019/10/08 Javascript
Vue.js 无限滚动列表性能优化方案
2019/12/02 Javascript
JavaScript基于SVG的图片切换效果实例代码
2020/12/15 Javascript
python 控制语句
2011/11/03 Python
Django框架中方法的访问和查找
2015/07/15 Python
从局部变量和全局变量开始全面解析Python中变量的作用域
2016/06/16 Python
解决安装python3.7.4报错Can''t connect to HTTPS URL because the SSL module is not available
2019/07/31 Python
python requests证书问题解决
2019/09/05 Python
css3 border旋转时的动画应用
2016/01/22 HTML / CSS
HTML5触摸事件实现移动端简易进度条的实现方法
2018/05/04 HTML / CSS
职业生涯规划书的格式
2013/12/29 职场文书
项目考察欢迎辞
2014/01/17 职场文书
数学与统计学院学生个人职业生涯规划书
2014/02/10 职场文书
班级旅游计划书
2014/05/03 职场文书
社保代办委托书怎么写
2014/10/06 职场文书
2014年大学生村官工作总结
2014/11/19 职场文书
安全教育日主题班会
2015/08/13 职场文书
《七月的天山》教学反思
2016/02/19 职场文书
5道关于python基础 while循环练习题
2021/11/27 Python