jQuery颜色样本插件

颜色选择器 颜色样本 2014-11-07

控件介绍
jquery.swatches是一款能够搭配出多种颜色色条的jQuery颜色样本插件。在一般的网页配色网站上可以看到各种的色条,这款jQuery颜色样本插件就能实现这种效果。
浏览器兼容

支持IE8+

演示下载 1954
使用方法

HTML

html结构十分简单,只需要一个空的div。在data-colors中放入你想要显示的颜色值。

1
<div class="swatch" data-name="Buried at the Beach" data-colors="#886655,#DD9977,#EECCAA,#EEEEEE,#CC99CC"></div>

调用方法:

1
$('.swatch').swatchify();

现在打开网页你就可以看到你定制的颜色样本了。

更多详细信息请参考:https://github.com/maxmackie/jquery.swatches

本文转载请注明出处:http://www.zhuiye.com/detail_55.html