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 相关文章推荐
Javascript实现的鼠标经过时播放声音
May 18 Javascript
JS 自定义带默认值的函数
Jul 21 Javascript
jQuery学习笔记(4)--Jquery中获取table中某列值的具体思路
Apr 10 Javascript
jquery带有索引按钮且自动轮播切换特效代码分享
Sep 15 Javascript
jquery实现图片预加载
Dec 25 Javascript
基于js实现二级下拉联动
Dec 17 Javascript
AngularJS constant和value区别详解
Feb 28 Javascript
webpack实用小功能介绍
Jan 02 Javascript
vue组件实现弹出框点击显示隐藏效果
Oct 26 Javascript
通过jquery.cookie.js实现记住用户名、密码登录功能
Jun 20 jQuery
JS canvas实现画板和签字板功能
Feb 23 Javascript
JS实现扫雷项目总结
May 19 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
Yii2中设置与获取别名的函数(setAlias和getAlias)用法分析
2016/07/25 PHP
yii2.0整合阿里云oss删除单个文件的方法
2017/09/19 PHP
jValidate 基于jQuery的表单验证插件
2009/12/12 Javascript
Jquery getJSON方法详细分析
2013/12/26 Javascript
Javascript 按位与运算符 (&amp;)使用介绍
2014/02/04 Javascript
ClearTimeout消除闪动实例代码
2016/02/29 Javascript
Bootstrap基本组件学习笔记之导航(10)
2016/12/07 Javascript
vue.js学习之UI组件开发教程
2017/07/03 Javascript
浅析JavaScript中的平稳退化(graceful degradation)
2017/07/24 Javascript
vue2手机APP项目添加开屏广告或者闪屏广告
2017/11/28 Javascript
详解使用webpack构建多页面应用
2017/12/21 Javascript
React中的refs的使用教程
2018/02/13 Javascript
web3.js增加eth.getRawTransactionByHash(txhash)方法步骤
2018/03/15 Javascript
详解Chart.js轻量级图表库的使用经验
2018/05/22 Javascript
快速解决angularJS中用post方法时后台拿不到值的问题
2018/08/14 Javascript
微信小程序非swiper组件实现的自定义伪3D轮播图效果示例
2018/12/11 Javascript
Vue中axios拦截器如何单独配置token
2019/12/27 Javascript
Python编程实现控制cmd命令行显示颜色的方法示例
2017/08/14 Python
使用 Python 在京东上抢口罩的思路详解
2020/02/27 Python
windows、linux下打包Python3程序详细方法
2020/03/17 Python
基于Python绘制个人足迹地图
2020/06/01 Python
python右对齐的实例方法
2020/07/05 Python
python使用隐式循环快速求和的实现示例
2020/09/11 Python
CSS3使用border-radius属性制作圆角
2014/12/22 HTML / CSS
html5的input的required使用中遇到的问题及解决方法
2018/04/24 HTML / CSS
最新会计专业求职信范文
2014/01/28 职场文书
精彩的广告词
2014/03/19 职场文书
社区平安建设方案
2014/05/25 职场文书
应聘教师自荐书
2014/06/16 职场文书
爱与责任师德演讲稿
2014/08/26 职场文书
党员志愿者服务倡议书
2015/04/29 职场文书
老兵退伍感言
2015/08/03 职场文书
宾馆卫生管理制度
2015/08/06 职场文书
python opencv常用图形绘制方法(线段、矩形、圆形、椭圆、文本)
2021/04/12 Python
Python绘制地图神器folium的新人入门指南
2021/05/23 Python
Python之Matplotlib绘制热力图和面积图
2022/04/13 Python