jQuery soColorPacker 网页拾色器_jquery

未采用生僻的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(){}//点击颜色单元返回事件
});

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索jquery拾色器
jquery 拾色器、jquery 拾色器插件、jquery.color.js、jquery color、jquery colorpicker,以便于您获取更多的相关知识。

时间: 2024-10-11 05:23:57

jQuery soColorPacker 网页拾色器_jquery的相关文章

代码-拾色器 不使用jquery能实现么?

问题描述 拾色器 不使用jquery能实现么? 有没有什么程序或者是代码可以实现拾色器的功能是在不使用jquery的前提下实现的? 解决方案 http://www.chinaz.com/free/2011/1207/225072.shtml 解决方案二: jquery拾色器---------------------- 解决方案三: http://www.chinaz.com/free/2011/1207/225072.shtml 解决方案四: 当然可以,自己写js实现就可以了

JQuery 拾色器插件发布-jquery.icolor.js_jquery

以前我一直用的那个(eyecon.ro) 功能完整也简易,但是不尽符合上面的要求,于是 google了N下,结果没找到现成的jquery拾色器插件很好的支持以下功能: 简单易用,仅显示常用的那些色块给用户选择,另外提供一个输入框方便用户输入自定义的色值 于是我写了icolor这个插件,除了支持上面的要求,还有别的一些特性如下: 1,默认提供的色值为"常用的浏览器安全的色值".相当于整合了下面最后一个prototype版本的颜色拾取器.关于浏览器安全色值,可参考维基文档http://en

原生js编写的安全色拾色器

<html > <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <style type="text/css"> #abc-colorPicker .colorPick-close,#filter-colorPicker .colo

拍照知道颜色 《RealHex拾色器》试用评测

<RealHex拾色器>是一款助手类工具,它能准确识别出各种颜色的具体参数,方便用户使用,神奇的是,它拾取颜色的方法就是靠手机的摄像头.通常设计师对色彩具有极高的敏感度,看一眼就能知道大概的色彩范围,但是对于非专业人士来说,想说出准确的色号还真有点困难,而<RealHex拾色器>正好帮助大家解决了这个难题.操作方法:<RealHex拾色器>功能极其单一,进入应用后,只要将手机对准要识别的物体即可,屏幕上会显示最为接近的色彩,此时点击左下角的拾取键或者直接点击一下屏幕,色

jQuery购物网页经典制作案例_jquery

本文实例为大家分享了jQuery购物网页经典案例,供大家参考,具体内容如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>今日团购模块</title> <style type="text/css" rel="stylesheet"> *{ margin

JS实现的网页上的颜色拾色器_javascript技巧

红绿蓝灰 用鼠标单击下面的颜色块,将弹出颜色值

优化Jquery,提升网页加载速度_jquery

总是从ID选择器开始继承 在class前使用tag 将jquery对象缓存起来 掌握强大的链式操作 使用子查询 对直接的DOM操作进行限制 冒泡 消除无效查询 推迟到 $(window).load 压缩js 全面掌握jquery库 1. 总是从ID选择器开始继承 在jquery中最快的选择器是ID选择器. 因为它直接来自于Javascript的getElementById()方法. 复制代码 代码如下: <div id="content"><form method=&

基于jQuery实现网页进度显示插件_jquery

相信大家都见过类似的网站功能,这种形式的进度显示可以很方便的让用户去理解和操作, 以下是插件的测试截图 ,提供了两个皮肤 使用js编写 可以灵活的生成进度条 方便进对一些工作进度进行图形显示 1.简单的调用 //所有步骤的数据 var stepListJson=[{StepNum:1,StepText:"第一步"}, {StepNum:2,StepText:"第二步"}, {StepNum:3,StepText:"第三步"}, {StepNum:

js防photoshop风格拾色器代码

提示:您可以先修改部分代码再运行 简单的仿Photoshop的颜色设置器     背景颜色     文本颜色