好久没有更新博客,因为...应该是...懒...这次算是记录下自己的学习成果。
最近的工作重点是做前端的UI开发,花了几天做了个还算过的去的小控件。
主要是测试下js压缩加密混淆的效果,结果压缩加密没问题,混淆后某些事件就响应不了了,不知道是自己代码写的有问题还是压缩工具的问题。。。
不支持IE6,7,8 仅测试了chrome与FireFox,同志们拿去随便玩玩就好了,源码暂时不提供,见谅,理解万岁。
ColorPicker
目前提供三种选择方式
使用手册
初始化模式
$(selector).colorpicker({ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~属性~~~~~~~*/ discs : ['disc'], // 必填项 色板填入控件提供的色板名称(详情见前面),声明顺序会影响显示顺序 alphaBlend : false, // 选填项 Alpha通道,提供透明度设置 showPos : 9, // 选填项 显示位置(详情见后面),默认位置为9 cpId : null, // 选填项 当前控件的Class /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~事件~~~~~~~*/ /** * 选中颜色时触发 * * rgb * 色彩rgb值(格式举例:255,0,255) * hex * 色彩hex值(格式举例:AA80CC) * rgba * 色彩rgba值(格式举例:255,0,255,0.5) * hexa * 色彩hexa值(格式举例:AA80CCFF) * this * colorpicker选区 */ onSubmit : function(rgb, hex, rgba, hexa) { // 一般操作如下 // 1.为某控件填充颜色 2.隐藏colorpicker }, /** * 改变颜色时触发 * * rgb * 色彩rgb值(格式举例:255,0,255) * hex * 色彩hex值(格式举例:AA80CC) * rgba * 色彩rgba值(格式举例:255,0,255,0.5) * hexa * 色彩hexa值(格式举例:AA80CCFF) * this * opt配置项 */ onChange : function(rgb, hex, rgba, hexa) { // 一般操作如下 // 1.为某控件填充颜色 }, /** * colorpicker显示时触发 * * opt * 配置项 * this * 当前选区 */ onShow : function(opt) { }, /** * colorpicker隐藏时触发 * * opt * 配置项 * this * 当前选区 */ onHide : function(opt) { } });
命令模式
// 显示colorpicker $(selector).colorpicker("show"); // 隐藏colorpicker $(selector).colorpicker("hide"); // 设置显示位置, num为数字1-12 $(selector).colorpicker("setShowPos", num); // 获取当前颜色, mode有四种格式(字符串类型),分别是rgb,hex,rgba,hexa(后面两个只有在alphaBlend为true时才有返回值) $(selector).colorpicker("getColor", mode); // 设置当前颜色, mode有两种格式(字符串类型),分别是rgb,hex, value为对应的值的字符串 $(selector).colorpicker("setColor", mode, value); // 设置alpha值,aval为0-1.0之间的数值,该方法只有在alphaBlend为true时起作用 $(selector).colorpicker("setAlphaValue", aval);
其他的没什么,具体的大家看附件中的demo吧