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 sudoku 数独智力游戏生成代码
Mar 27 Javascript
javascript 学习笔记(一)DOM基本操作
Apr 08 Javascript
js 对小数加法精度处理示例说明
Dec 27 Javascript
JQuery控制div外点击隐藏而div内点击不会隐藏的方法
Jan 13 Javascript
使用jQuery实现更改默认alert框体
Apr 13 Javascript
JavaScript使用addEventListener添加事件监听用法实例
Jun 01 Javascript
用JavaScript来美化HTML的select标签的下拉列表效果
Nov 17 Javascript
js获取url传值的方法
Dec 18 Javascript
BootStrap使用popover插件实现鼠标经过显示并保持显示框
Jun 23 Javascript
JQuery遍历元素的父辈和祖先的方法
Sep 18 Javascript
微信小程序 canvas API详解及实例代码
Oct 08 Javascript
laydate如何根据开始时间或者结束时间限制范围
Nov 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
centos 5.6 升级php到5.3的方法
2011/05/14 PHP
php结合md5实现的加密解密方法
2016/01/25 PHP
PHP简单处理表单输入的特殊字符的方法
2016/02/03 PHP
用Greasemonkey 脚本收藏网站会员信息到本地
2009/10/26 Javascript
js 数组操作之pop,push,unshift,splice,shift
2014/01/29 Javascript
jquery使用经验小结
2015/05/20 Javascript
详解JavaScript中Date.UTC()方法的使用
2015/06/12 Javascript
JavaScript之Map和Set_动力节点Java学院整理
2017/06/29 Javascript
vue升级之路之vue-router的使用教程
2018/08/14 Javascript
详解如何在vue项目中使用lodop打印插件
2018/09/27 Javascript
JS二级菜单不同实现方法分析【4种方法】
2018/12/21 Javascript
layui多图上传实现删除功能的例子
2019/09/23 Javascript
ES6使用新特性Proxy实现的数据绑定功能实例
2020/05/11 Javascript
2分钟实现一个Vue实时直播系统的示例代码
2020/06/05 Javascript
Vue记住滚动条和实现下拉加载的完美方法
2020/07/31 Javascript
小程序角标的添加及绑定购物车数量进行实时更新的实现代码
2020/12/07 Javascript
Python数据结构之Array用法实例
2014/10/09 Python
Python hashlib模块用法实例分析
2018/06/12 Python
python使用多进程的实例详解
2018/09/19 Python
学习和使用python的13个理由
2019/07/30 Python
pytorch GAN生成对抗网络实例
2020/01/10 Python
零基础学Python之前需要学c语言吗
2020/07/21 Python
python调用摄像头的示例代码
2020/09/28 Python
css3使网页、图片变成灰色兼容大多数浏览器
2014/07/02 HTML / CSS
HTML5之SVG 2D入门8—文档结构及相关元素总结
2013/01/30 HTML / CSS
英国时尚服饰电商:Boohoo
2017/10/12 全球购物
澳大利亚最好的在线时尚精品店:Princess Polly
2018/01/03 全球购物
美国在线面料商店:Fashion Fabrics Club
2020/01/31 全球购物
工作时间上网检讨书
2014/02/03 职场文书
代办社保委托书范文
2014/10/06 职场文书
八一建军节慰问信
2015/02/14 职场文书
储备店长岗位职责
2015/04/14 职场文书
迎新晚会主持词开场白
2015/05/28 职场文书
Spring Cloud 中@FeignClient注解中的contextId属性详解
2021/09/25 Java/Android
JVM的类加载器和双亲委派模式你了解吗
2022/03/13 Java/Android
python单向链表实例详解
2022/05/25 Python