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中的关键字&quot;VAR&quot;使用详解 分享
Jul 31 Javascript
jquery右下角弹出提示框示例代码
Oct 08 Javascript
Node.js编码规范
Jul 14 Javascript
js简单的点击返回顶部效果实现方法
Apr 10 Javascript
四种参数传递的形式——URL,超链接,js,form表单
Jul 24 Javascript
JavaScript实现带箭头标识的多级下拉菜单效果
Aug 27 Javascript
JS实现完全语义化的网页选项卡效果代码
Sep 15 Javascript
AngularJS 与百度地图的结合实例
Oct 20 Javascript
vue2笔记 — vue-router路由懒加载的实现
Mar 03 Javascript
Vue 配合eiement动态路由,权限验证的方法
Sep 26 Javascript
如何正确解决VuePress本地访问出现资源报错404的问题
Dec 03 Vue.js
vue 使用饿了么UI仿写teambition的筛选功能
Mar 01 Vue.js
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 特殊字符处理函数
2008/09/05 PHP
探讨如何在PHP开启gzip页面压缩实例
2013/06/09 PHP
php+memcache实现的网站在线人数统计代码
2014/07/04 PHP
PHP获取youku视频真实flv文件地址的方法
2014/12/23 PHP
php实现当前页面点击下载文件的实例代码
2016/11/16 PHP
PHP实现的DES加密解密类定义与用法示例
2020/11/02 PHP
js技巧--转义符&quot;\&quot;的妙用
2007/01/09 Javascript
摘自启点的main.js
2008/04/20 Javascript
javascript面向对象之二 命名空间
2011/02/08 Javascript
JS中的public和private对象,即static修饰符
2012/01/18 Javascript
window.open的页面如何刷新(父页面)上层页面
2012/12/28 Javascript
JavaScript 对任意元素,自定义右键菜单的实现方法
2013/05/08 Javascript
jQuery淡入淡出元素让其效果更为生动
2014/09/01 Javascript
JS日期格式化之javascript Date format
2015/10/01 Javascript
分享javascript实现的冒泡排序代码并优化
2016/06/05 Javascript
Vuejs第六篇之Vuejs与form元素实例解析
2016/09/05 Javascript
JavaScript学习笔记--常用的互动方法
2016/12/07 Javascript
jQuery日期范围选择器附源码下载
2017/05/23 jQuery
用Electron写个带界面的nodejs爬虫的实现方法
2019/01/29 NodeJs
JS删除数组指定值常用方法详解
2020/06/04 Javascript
node.js如何操作MySQL数据库
2020/10/29 Javascript
Jquery Fade用法详解
2020/11/06 jQuery
JS相册图片抖动放大展示效果的示例代码
2021/01/29 Javascript
python获取当前时间对应unix时间戳的方法
2015/05/15 Python
python实现图书借阅系统
2019/02/20 Python
基于打开pycharm有带图片md文件卡死问题的解决
2020/04/24 Python
python删除某个目录文件夹的方法
2020/05/26 Python
Python单元测试及unittest框架用法实例解析
2020/07/09 Python
Python 通过爬虫实现GitHub网页的模拟登录的示例代码
2020/08/17 Python
French Connection官网:女装、男装及家居用品
2019/03/18 全球购物
全陪导游欢迎词
2014/01/17 职场文书
公司辞职信模板
2015/05/13 职场文书
研讨会致辞
2015/07/31 职场文书
高一作文之乐趣
2019/11/21 职场文书
Python基础之函数嵌套知识总结
2021/05/23 Python
redis protocol通信协议及使用详解
2022/07/15 Redis