jQuery颜色选取器插件Farbtastic

所属分类:输入-拾色器

 43149  297  查看评论 (7)
分享到微信朋友圈
X
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开发
  拾色器
 32376  334

colpicker颜色拾取插件

colpicker颜色拾取插件,提供3种模式选择,兼容性好。
  拾色器
 22291  301
  拾色器
 30065  296

适合移动设备的小巧jQuery颜色拾取器

tinyColPicker是一款适合移动设备的小巧jQuery颜色拾取器。该jQuery颜色拾取器以移动手机为优先对象,它具有速度快、可扩展、高度灵活和可插拔等特点。该jQuery颜色拾取器大小仅4.7K,纯js,不需要图片和css代码。它基于cols.js制作而成,支持所有现代特性,如触摸屏和MS pointer。它使用GPU加速,使用requestanimationframe函数时电池工作时间更长
  拾色器
 31085  293

讨论这个项目(7)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    minf55 0
    2018/4/18 0:57:38
    美中不足的是用手??法使用滑? 回复
    wolf 0
    2018/2/8 15:27:39
    好用正需要谢谢
    回复
    123456 0
    2017/6/28 14:44:19
    蒙娜panpna 0
    2015/11/6 15:11:13

    很好用的插件,谢谢分享

        郑大伟0
        2018/5/10 23:11:45
        我的外面的光圈为什么看不见 只显示中心部分的块
        ―?丁_.Mr┵0
        2018/9/25 17:37:30
        怎么解决了,我的也是没有光圈
        ―?丁_.Mr┵0
        2018/9/28 15:30:55
        我刚开始只是把js和css文件导入了项目,没有光圈。
        然后把整个文件夹都导入项目就有了。
    回复
    hacker 0
    2014/3/26 13:52:00

    好用,调用非常简单。

    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复