jQuery颜色选取器插件Farbtastic
Farbtastic 是jQuery插件,可以将一个或多个颜色选取器窗口小部件添加到页面通过 JavaScript。每个小部件然后链接到现有的元素 (例如文本字段),选择一种颜色时,将更新元素的值。
1.在你的 HTML 中包含 farbtastic.js 和 farbtastic.css:
<script type="text/javascript" src="farbtastic.js"></script> <link rel="stylesheet" href="farbtastic.css" type="text/css" />
2.将占位符 div 和一个文本字段添加到您的 HTML,并给每人一个 ID:
<form><input type="text" id="color" name="color" value="#123456" /></form> <div id="colorpicker"></div>
3.将 ready() 的处理程序添加到文档,则初始化拾色器并将其链接到文本字段与下面的语法:
<script type="text/javascript"> $(document).ready(function() { $('#colorpicker').farbtastic('#color'); }); </script>