jquery.swatches是一款能够搭配出多种颜色色条的jQuery颜色样本插件。在一般的网页配色网站上可以看到各种的色条,这款jQuery颜色样本插件就能实现这种效果。
HTML
html结构十分简单,只需要一个空的div。在data-colors
中放入你想要显示的颜色值。
<div class="swatch" data-name="Buried at the Beach" data-colors="#886655,#DD9977,#EECCAA,#EEEEEE,#CC99CC"></div>
调用方法
$('.swatch').swatchify();
现在打开网页你就可以看到你定制的颜色样本了。