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 异步调用框架 (Part 4 - 链式调用)
Aug 04 Javascript
Tinymce+jQuery.Validation使用产生的BUG
Mar 29 Javascript
ANT 压缩(去掉空格/注释)JS文件可提高js运行速度
Apr 15 Javascript
JQuery操作iframe父页面与子页面的元素与方法(实例讲解)
Nov 20 Javascript
动态加载js、css等文件跨iframe实现
Feb 24 Javascript
讲解JavaScript的Backbone.js框架的MVC结构设计理念
Feb 14 Javascript
Augularjs-起步详解
Jul 08 Javascript
干货!教大家如何选择Vue和React
Mar 13 Javascript
JavaScript数据结构之双向链表定义与使用方法示例
Oct 27 Javascript
微信小程序实现的自定义分享功能示例
Feb 12 Javascript
vue spa应用中的路由缓存问题与解决方案
May 31 Javascript
vue多个元素的样式选择器问题
Nov 29 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
php 获取mysql数据库信息代码
2009/03/12 PHP
神盾加密解密教程(三)PHP 神盾解密工具
2014/06/08 PHP
php通过递归方式复制目录和子目录的方法
2015/03/13 PHP
php数值转换时间及时间转换数值用法示例
2017/05/18 PHP
Js 冒泡事件阻止实现代码
2013/01/27 Javascript
详解JavaScript操作HTML DOM的基本方式
2015/10/21 Javascript
Javascript闭包实例详解
2015/11/29 Javascript
JQUERY表单暂存功能插件分享
2016/02/23 Javascript
基于javascript实现页面加载loading效果
2020/09/15 Javascript
JS+Canvas绘制时钟效果
2020/08/20 Javascript
Vue 自定义动态组件实例详解
2018/03/28 Javascript
vue2.0 自定义组件的方法(vue组件的封装)
2018/06/05 Javascript
vue-router懒加载速度缓慢问题及解决方法
2018/11/25 Javascript
vue指令做滚动加载和监听等
2019/05/26 Javascript
小程序根据手机机型设置自定义底部导航距离
2019/06/04 Javascript
解决vue组件销毁之后计时器继续执行的问题
2020/07/21 Javascript
vue 扩展现有组件的操作
2020/08/14 Javascript
JavaScript实现下拉列表
2021/01/20 Javascript
[22:07]DOTA2-DPC中国联赛 正赛 iG vs Magma 选手采访
2021/03/11 DOTA
python 正则式 概述及常用字符
2009/05/07 Python
Python读取excel中的图片完美解决方法
2018/07/27 Python
DRF跨域后端解决之django-cors-headers的使用
2019/01/27 Python
Python2与Python3的区别点整理
2019/12/12 Python
Python跑循环时内存泄露的解决方法
2020/01/13 Python
关于tensorflow softmax函数用法解析
2020/06/30 Python
Python pip 常用命令汇总
2020/10/19 Python
英国手工布艺沙发在线购买:Sofas & Stuff
2018/03/02 全球购物
银河香水:Galaxy Perfume
2019/03/25 全球购物
师范教师大学生职业生涯规划范文
2014/01/05 职场文书
运动会通讯稿500字
2014/02/20 职场文书
公司接待方案
2014/03/08 职场文书
开学典礼决心书
2014/03/11 职场文书
小学六一儿童节活动总结
2015/05/05 职场文书
pytorch中的model=model.to(device)使用说明
2021/05/24 Python
Java多线程并发FutureTask使用详解
2022/06/28 Java/Android
win10壁纸在哪个文件夹 win10桌面背景图片文件位置分享
2022/08/05 数码科技