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 EasyUI API 中文文档 - Parser 解析器
Sep 29 Javascript
利用jquery的获取JS文件中的字符串内容
Feb 14 Javascript
Json和Jsonp理论实例代码详解
Nov 15 Javascript
jQuery学习笔记之jQuery中的$
Jan 19 Javascript
详解js中构造流程图的核心技术JsPlumb(2)
Dec 08 Javascript
window.onerror()的用法与实例分析
Jan 27 Javascript
JavaScript中双向数据绑定详解
May 03 Javascript
基于input框覆盖掉数字英文的实例讲解
Jul 21 Javascript
BootStrap Fileinput上传插件使用实例代码
Jul 28 Javascript
jquery获取transform里的值实现方法
Dec 12 jQuery
JavaScript实现短暂提示框功能
Apr 04 Javascript
浅谈微信小程序列表埋点曝光指南
Oct 15 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
Apache2 httpd.conf 中文版
2006/11/17 PHP
php 格式化数字的时候注意数字的范围
2010/04/13 PHP
解析file_get_contents模仿浏览器头(user_agent)获取数据
2013/06/27 PHP
php根据用户语言跳转相应网页
2015/11/04 PHP
使用PHP实现下载CSS文件中的图片
2015/12/06 PHP
PHP结合Mysql数据库实现留言板功能
2016/03/04 PHP
PHP中SESSION过期设置
2021/03/09 PHP
认识延迟时间为0的setTimeout
2008/05/16 Javascript
js电信网通双线自动选择技巧
2008/11/18 Javascript
3Z版基于jquery的图片复选框(asp.net+jquery)
2010/04/12 Javascript
24款非常有用的 jQuery 插件分享
2011/04/06 Javascript
javascript实现连续赋值
2015/08/10 Javascript
jQuery入门基础知识学习指南
2015/08/14 Javascript
jQuery遍历json的方法分析
2016/04/16 Javascript
详解Vue中添加过渡效果
2017/03/20 Javascript
微信小程序 数据绑定及运算的简单实例
2017/09/20 Javascript
webpack公共组件引用路径简化小技巧
2018/06/15 Javascript
vue中使用axios post上传头像/图片并实时显示到页面的方法
2018/09/27 Javascript
[01:17]Ti4 循环赛第一日回顾
2014/07/11 DOTA
在Python下尝试多线程编程
2015/04/28 Python
python爬虫之xpath的基本使用详解
2018/04/18 Python
python paramiko利用sftp上传目录到远程的实例
2019/01/03 Python
PyQt5实现简易电子词典
2019/06/25 Python
使用python将微信image下.dat文件解密为.png的方法
2020/11/30 Python
HTML5调用手机发短信和打电话功能
2020/04/29 HTML / CSS
Omio西班牙:全欧洲低价大巴、火车和航班搜索和比价
2017/02/11 全球购物
汉森冲浪板:Hansen Surfboards
2018/05/19 全球购物
新西兰第一的行李箱网站:luggage.co.nz
2019/07/22 全球购物
Oracle性能调优原则
2012/05/03 面试题
大学生职业生涯规划书模板
2014/01/03 职场文书
“四风”问题整改措施和努力方向
2014/09/20 职场文书
党的群众路线教育实践活动个人对照检查剖析材料
2014/09/23 职场文书
党员领导干部民主生活会批评与自我批评发言
2014/09/28 职场文书
2014年文艺部工作总结
2014/11/17 职场文书
高三英语教学反思
2016/03/03 职场文书
如何获取numpy array前N个最大值
2021/05/14 Python