你的位置:首页 > Java教程

[Java教程]jQuery soColorPacker 网页拾色器

未采用生僻的jquery特性,能兼容jquery1.2.6以上所有版本

实例预览

引入文件

  1. <link type="text/css" rel="stylesheet" media="all" href="soColorPacker/css/style.css" />
  2. <script type="text/javascript" src="jquery1.8.0.min.js"></script>
  3. <script type="text/javascript" src="jquery.soColorPacker-1.0.min.js"></script>
  4. <script type="text/javascript" src="jquery.bgiframe-2.1.1.js"></script>
复制

使用方法

  1. <input type="text" class="txt" id="txt_pack_1" name="txt" />
复制
  1. $('#txt_pack_1').soColorPacker();
复制

soColorPacke参数

  1. $(obj).soColorPacker({
  2.     changeTarget:null, //颜色选择后填入或改变的目标对象,默认null为当前引用方法对象
  3.     textChange:true, //是否将颜色值填入target对象
  4.     colorChange:1, //值:0,1,2 ,0:不改变,1:改变文字颜色,2:改变背景颜色
  5.     selfBgChange:false,//改变自身背景颜色
  6.     size:2, //值:1,2,3,改变拾色器表现大小,1:小,2:中,3:大
  7.     x:0,////拾色器坐标x轴偏移量
  8.     y:20, //拾色器坐标y轴偏移量
  9.     styleClass:null,//自定义添加class名,不能为默认的 "colorPackerBox"
  10.     callback:callback:function(){}//点击颜色单元返回事件
  11. });
复制

下载