`
天梯梦
  • 浏览: 13745597 次
  • 性别: Icon_minigender_2
  • 来自: 洛杉矶
社区版块
存档分类
最新评论

jquery:颜色拾取器 Tiny Colorpicker

 
阅读更多

Snip20150706_19

 

What is it?

Tiny Colorpicker is a crossbrowser jquery plugin that creates a color picker (form) input. Its a easy way to add color pickers to your forms or user interface.

 

Features

  • IOS and Android support.
  • AMD, Node, requirejs and commonjs support.
  • Easy customizable
  • Can be used inside forms or outside
  • Lightweight
  • Source is on GitHub

用法:

$(document).ready(function()
{
    // Initialize a colorpicker like this.
    //
    $('#box').tinycolorpicker();

    // Try this to get access to the actual colorpicker instance.
    //
    var box = $('#box').data("plugin_tinycolorpicker");

    // Now you have access to all the methods and properties.
    //
    // box.setColor("#cccccc");
    // console.log(box.colorRGB);
    //
    // etc..

    // You can bind to the change event like this.
    //
    $box.bind("change", function()
    {
        console.log("do something whhen a new color is set");
    });
});

 

 

官网:http://baijs.com/tinycolorpicker/

下载:tinycolorpicker-0.9.1

原文:jquery:颜色拾取器 Tiny Colorpicker

 

 

分享到:
评论

相关推荐

    前端项目-tinyColorPicker.zip

    在这个例子中,我们首先引入了jQuery和tinyColorPicker的资源,然后在文档加载完成后,为ID为`color-input`的输入框添加了颜色选择器。 在实际项目中,你可能需要根据设计风格调整tinyColorPicker的样式,或者通过...

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

    tinyColorPicker是一款适合移动设备的小巧jQuery颜色拾取器。该jQuery颜色拾取器以移动手机为优先对象,它具有速度快、可扩展、高度灵活和可插拔等特点。该jQuery颜色拾取器大小仅4.7K,纯js,不需要图片和css代码。

    jquery写的颜色器

    【标题】"jQuery编写的颜色选择器" 这篇文章主要探讨的是如何使用JavaScript库jQuery来创建一个功能丰富的颜色选择器。颜色选择器是Web开发中常见的一种交互元素,它允许用户通过图形界面挑选颜色,广泛应用于各种...

    设计并实现TINYC语言的扫描程序TINYC.zip

    2 TINYC语言的词法说明,扫描器的输入和输出; 3 实验原理(所采用的过程); 3.1 记号种类及各记号所代表的字符串集合; 3.2 各记号对应的正则表达式及所有记号对应的正则表达式; 3.3 各记号对应的DFA及所有记号对应的DFA...

    jQuery插件:Tiny Scrollbar滚动条插件(滚动条美化、默认滚动条)

    要应用Tiny Scrollbar,需要对目标元素使用jQuery选择器,并调用`.tinyscrollbar()`方法。例如: ```javascript $(document).ready(function(){ $('.scrollbar-container').tinyscrollbar(); }); ``` 这里的`...

    :shortcake:Tiny Tiny的可爱主题RSS-JavaScript开发

    ttrss-theme-rsshub:shortcake:Tiny Tiny RSS的可爱主题屏幕快照用法安装将CSS文件下载到tt-rss根wget下的themes.local目录中https://raw.g ttrss-theme-rsshub:shortcake:Tiny Tiny RSS的可爱主题RSS截图用法安装...

    jQuery 滚动条插件 tinyScrollbar Demo

    **jQuery 滚动条插件 tinyScrollbar** 是一个轻量级且高度可定制的滚动条解决方案,专为增强网页的用户体验而设计。这个插件允许开发者用自定义的样式替换浏览器默认的滚动条,使得网页滚动更加优雅,与整体设计更加...

    jquery滚动条tinyscrollbar-2.2.5

    2. 初始化插件:通过jQuery选择器找到需要应用滚动条的元素,然后调用`.tinyscrollbar()`方法初始化插件,如`$("#scrollArea").tinyscrollbar();` 3. 配置选项:可以通过传递参数来设置滚动条的属性,如`$("#scroll...

    ColorPicker

    3. **颜色代码转换**:ColorPicker能将所选颜色转换为各种编码格式,如十六进制(#RRGGBB)、RGB(Red, Green, Blue)三通道数值、ARGB(Alpha, Red, Green, Blue)四通道数值等。 4. **颜色历史记录**:许多...

    Tiny框架图片压缩集成

    编辑好用的图片压缩方式,不损坏图片质量的压缩方式,尽情享用吧!

    0513《编译原理》答案 设计并实现TINYC语言的扫描程序.doc

    其中,【TINYC语言的扫描程序】是编译器设计的一个重要组成部分,它属于编译器前端,负责识别和处理源代码的词法规则。 **实验目的** 1. 理解并掌握编译器的基本构造,特别是词法分析器(Scanner 或 Lexer)的作用...

    精美日期选择器精美颜色选择器

    - **实现方式**:JavaScript库如`ColorPicker`或`TinyColorPicker`提供了颜色选择器功能。通常以调色板的形式显示,用户可以通过拖动滑块或输入十六进制颜色代码来选择颜色。 - **特性**:可以显示不同颜色模式...

    RTX51 TINY 2.02 中文手册

    RTX51 TINY 2.02 中文手册知识点总结 本文档对 KEIL 公司的 RTX51 TINY 2.02 版实时操作系统内核进行了详细的介绍和说明。该手册主要面向开发者和工程师,旨在帮助他们快速了解和掌握 RTX51 TINY 2.02 的功能和使用...

    javascript颜色选择器

    开发者可以利用JavaScript创建自定义的颜色选择器,或者使用现有的开源库,如ColorPicker、jQuery UI ColorPicker或TinyColorPicker等。这些库提供了一套完整的解决方案,包括UI设计、颜色处理函数以及与HTML元素的...

    0513《编译原理》答案 设计并实现TINYC语言的扫描程序

    在编译原理中,扫描程序是编译器的第一部分,它的任务是读取源代码字符流,识别出有意义的符号,如关键字、标识符、运算符和常量,并将它们转化为令牌(Token)序列供解析器使用。 设计和实现TINYC语言的扫描程序...

    Tiny小车的高层程序

    Tiny小车的高层程序

    jquery tinyScrollbar

    1. **自定义样式**:tinyScrollbar 允许开发者通过 CSS 定义滚动条的样式,包括颜色、大小、形状等,使滚动条与网站的整体设计保持一致。 2. **响应式设计**:随着屏幕尺寸的变化,tinyScrollbar 可以自动调整自身...

    编译原理:手工构造TINY语言的词法分析器.zip

    在这个主题中,我们将深入探讨“手工构造TINY语言的词法分析器”的相关知识点,主要围绕C/C++实现、TINY语言的特性、词法分析器的构造方法以及数据结构与数据类型的运用。 首先,我们要理解什么是TINY语言。TINY是...

    Linux-Statm-Tiny:Linux-Statm-Tiny 的只读发布历史

    Linux::Statm::Tiny - 简单访问 Linux /proc/../statm 版本 0.0201 概要 use Linux::Statm::Tiny; my $stats = Linux::Statm::Tiny->new( pid => $$ ); my $size = $stats->size; 安装 请参阅。 所需模块 此发行版...

Global site tag (gtag.js) - Google Analytics