开发路程(12):颜色采集器colpick Color Picker

简单 RGB、HSB、十六进制颜色选取器 jQuery 插件.

非常直观类似 Photoshop 的界面.

光明和黑暗很容易自定义 CSS3 外观.

28 KB 总由浏览器加载看起来不错甚至在 IE7及工程非常容易实现.下过如图:

 1 <!DOCTYPE HTML>
 2 <html>
 3 <head>
 4   <meta charset="utf-8">
 5   <title>colpick</title>
 6   <script type="text/javascript" src="js/jquery-2.1.1.js"></script>
 7   <script type="text/javascript" src="colpick/colpick.js" ></script>
 8   <link rel="stylesheet" href="colpick/colpick.css" type="text/css"/>
 9   <script type="text/javascript">
10   $(function(){
11       $(‘#picker‘).colpick();
12   });
13   </script>
14 </head>
15 <body>
16     <button id="picker">显示颜色采集器</button>
17 </body>
18 </html>

下载

各大浏览器对其支持的情况.

开发路程(12):颜色采集器colpick Color Picker

时间: 2024-11-05 12:31:08

开发路程(12):颜色采集器colpick Color Picker的相关文章

开发路程(12):ashx文件和aspx

ashx文件和aspx文件有什么不同? 我们先新建一个ashx文件看看: 1 <%@ WebHandler Language="C#" Class="Handler" %> 2 using System; 3 using System.Web; 4 public class Handler : IHttpHandler 5 { 6 public void ProcessRequest (HttpContext context) 7 { 8 context

WP开发-Toolkit组件 列表采集器(ListPicker)的使用

列表采集器ListPicker在作用上与html中的<select/>标签一样 都是提供多选一功能,区别在于ListPicker可以自定义下拉状态和非下拉状态的样式. 1.模板设置 ListPicker有两个模板属性 ItemTemplate 文本框显示的单个选项模板 FullModeItemTemplate 所有选项列表的模板 与之相关的还有一个数字类型的属性:ItemCountThreshold 如果ListPicker中的选项数量小于该属性的值的话 则显示方式是普通下拉菜单      但

js颜色拾取器

几年前,很难找到一个合适的颜色选择器.正好看到很多不错的JavaScript颜色选择器插件,故而把这些编译汇总.在本文,Web设计师和开发人员 Kevin Liew 选取了11个相应插件,有些会比较复杂,其他比较简单,相信应该会有适合你的. 1. ExColor ExColor是一个类似Photoshop样式的jQuery颜色拾取插件,其定制性非常高,通过参数设置可生成各种样式和效果的颜色拾取器.它可以附加到任意的input输入框,通过简单地调用一行函数即可. 2. JScolor JSColo

使用火蜘蛛采集器Firespider采集天猫商品数据并上传到微店

有很多朋友都需要把天猫的商品迁移到微店上去.可在天猫上的商品数据非常复杂,淘宝开放接口禁止向外提供数据,一般的采集器对ajax数据采集的支持又不太好. 还有现在有了火蜘蛛采集器,经过一定的配置,终于把天猫商品的数据都采集下来了(SKU信息,运费信息,库存信息,图片,商品描述等).天猫商品网页的确是很复杂,比如商品描述,还有商品描述中的图片,使用的都是懒加载,只有当用户滚动到那里了,才会去加载描述和图片.还好这些都难不倒火蜘蛛采集器.当然了,采集回来的信息也是很复杂的,需要我们清楚了解淘宝的商品数

开发路程(14):背景图片移动插件MyFloatingBg(浮动背景图效果,可让背景随着页面的滚动而滚动)

MyFloatingBg这插件可以帮助你在网页上加入可移动背景Background.你可以用于整个文件的背景,或是某几个banner的背景. 它可支持简单的animation效果,你不用去做一个flash文件或动态gif图片.单靠jquery和图片,你便可以做出不同的效果.由于我们把动画效果跟内容分开,我们也可以随时更改文字等内容,而不影响其运作.这个效果很是大气,我想可以使用在高级餐厅,珠宝展会等中做展示用. 1 <!doctype html> 2 <html lang="e

开发路程(7):关于HTML中的object元素

<object>元素:它主要用于定义网页中的多媒体,比如音频,视频,Java applets,PDF,Active和Flash.object标签内除了param标签外,其他的内容将在浏览器不支持object标签时显示.注意,在HTML5尚未制定完成且普及时,最好使用flash在网页播放音频和视频,以保证最大兼容性. 1 object标签的主要可选属性: 2 type->被规定在data属性中指定的文件中出现的数据的MIME类型 3 width->对象的宽 4 height->

IhyerDB modBus采集器配置.

近期查了一下ihyerDB-modbus采集器的相关配置,由于没有相关的modbus设备,于是今天上午根据网上的线索下载了Modbus Slave(modbus从站仿真器).笔记本也没有串口,于是下载了Virtual Serial Port Driver 7.2虚拟串口.一切准备就绪就开始仿真实验了. 1.下载Modbus Slave:http://down1.cr173.com/soft1/ModbusSlave.rar 2.下载Virtual Serial Port Driver 7.2:h

通过VLC的ActiveX进行二次开发,实现一个多媒体播放器 2011-04-10 00:57:23

http://blog.chinaunix.net/xmlrpc.php?r=blog/article&uid=25498312&id=218294 通过VLC的ActiveX进行二次开发,实现一个多媒体播放器 2011-04-10 00:57:23 分类: 系统运维 首先要注册VLC的ActiveX控件. 拷贝vlc-0.8.6e\activex目录下面的axvlc.dll文件到c:\windows目录下面,然后运行命令提示符cmd.在命令提示符中输入如下命令注册该控件 REGSVR32

分享一个近期写的简单版的网页采集器

分享一个近期写的简单版的网页采集器 功能特点: 1.可通过配置,保存采集规则. 2.可通过采集规则,进行数据采集. 3.可分页,分关键字,进行采集. 4.可保存数据至数据库,文本中. ........... 功能还比较简单,喜欢深入的可以继续深入下去,暂时还没有登录的功能,因为登录功能涉及到的范围比较广,待日后慢慢研究后再开发. 我先上个图让大家一睹为快吧: 首先看看页面,我们要采集这个网站的文章 接下来,首先是查找分页,获得分页里面的文章链接,接着查找内容页需要采集的字段,生成规则,进行采集.