jQuery颜色选取器插件Farbtastic

所属分类:输入-拾色器

 15569  11  查看评论 (2)
jQuery颜色选取器插件Farbtastic ie兼容8

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>
相关插件-拾色器

jQuery颜色选择插件evol.colorpicker

一个简单的颜色选择工具evol.colorpicker,使用jquery开发
  拾色器
 4879  26

colpicker取色器兼容不同jquery版本

很方便的colpicker取色器,自己修改了下兼容不同的jquery版本
  拾色器
 2861  11

jQuery颜色选取器插件Farbtastic

Farbtastic 是jQuery插件,可以将一个或多个颜色选取器窗口小部件添加到页面通过 JavaScript
  拾色器
 15569  11

网页颜色选择插件-COLORPICKER

Color Picker 是一款能够让我们像在photoshop里面选择颜色一样在网页中选择颜色的Jquery插件。
  拾色器
 18823  19

讨论这个项目(2)回答他人问题或分享插件使用方法奖励jQ币

    123456 0
    2017/6/28 14:44:19
    蒙娜panpna 0
    2015/11/6 15:11:13

    很好用的插件,谢谢分享

    回复
    hacker 0
    2014/3/26 13:52:00

    好用,调用非常简单。

    回复
取消回复