jQuery的拾色器

代码如下

  1、js

<link href="css/farbtastic.css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="js/farbtastic.js"></script>

  2、html

<div id="picker"></div>
<div class="form-item"><label for="color">Color:</label><input type="text" id="color" name="color" value="#123456" /></div>

  3、js

<script type="text/javascript">
    $(document).ready(function(){
        $(‘#picker‘).farbtastic(‘#color‘);
    });
</script>

  4、效果

时间: 2024-10-26 13:25:24

jQuery的拾色器的相关文章

jQuery soColorPacker 网页拾色器

未采用生僻的jquery特性,能兼容jquery1.2.6以上所有版本 实例预览 引入文件 <link type="text/css" rel="stylesheet" media="all" href="soColorPacker/css/style.css" /> <script type="text/javascript" src="jquery1.8.0.min.js&q

Linux下的高级拾色器—Pick

导读 虽然大多数设计师都在使用 Mac,但也有一少部分在使用 Windows 甚至是 Linux 系统.在 Mac 和 Windows 中都有非常丰富的拾色器工具或插件可用,反而在开源界中这类颜色选择工具比较少见.如果你在寻找 Linux 中快捷.简便从屏幕「拾取颜色」的小工具,Pick 肯定会成为我向你推荐的首选. Pick 体积小巧.结构紧凑,而且完全开源,它可以方便地放大屏幕的任何部分,帮助我们快速拾取准确像素,并将颜色值信息复制到剪贴板或其它任意地方.拾取颜色的时间会在左侧将颜色的来源截

JavaScript特效实例012-网页拾色器

实例012                             网页拾色器 实例说明 在网站中经常需要用户自定义颜色来显示某些信息.这可以在网页添加一个拾色器来实现. 技术要点 在本实例中仅使用216种浏览器安全的颜色,即所谓的Netscape色块.这216种颜色分别代表0.51.102.153.204这5个颜色值以及每一种原色(即红.绿.蓝).这些十进制数值对应的十六进制数分别为0x00.0x33.0x66.0x99.0xCC和0xFF.在HTML的颜色属性中黑色是#000000,纯红色是

使用 HTML5 canvas制作拾色器

自制的拾色器漂亮吧,哈哈 废话不多说直接上代码,希望可以帮到需要的朋友 <html><head>    <style>        .canvas_color{position:relative;width: 400px;height: 10px;}        .canvas_color canvas{ position: absolute; border:0;background-color:'';left:0px; top:0px;width: 400px;h

javascript源码之js实现的一个简单的网页拾色器

今天学习了window对象,跟着学习了一个简单的网页拾色器的demo,拿出来和大家分享. 主页面代码: <!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>拾色器</title></head><body><h1>网页拾色器</h1>    <scr

Android Studio中如何设置颜色拾色器工具

Android Studio如何设置颜色拾色器工具Color Picker? 你可能下载过一些获取颜色值的一些小工具, 这种方式获取颜色,需要先切换窗口转跳到桌面,然后打开拾色器小工具程序,然后去拾取颜色:你可能也知道Android Studio自带一个颜色拾色器,通过下面这种方式才能找到 ,这种方式获取颜色值限制性很强,需要特定的窗口,需要点击那么一小块颜色才能弹出窗口,才能使用 那有没有更好的方式? 答案是肯定的,不然这些个干嘛~~  不用向上面那样去打开拾色器小工具程序,不用在特定的窗口点

拾色器

本来想用线程实现的,最终选用了定时器解决 public partial class ColorForm : Form { private int _redValue = 255; private int _greenValue = 255; private int _blueValue = 255; public ColorForm() { InitializeComponent(); InitPanelColor(); panelColor.MouseDown += panelCololr_M

web前段js拾色器

将下面的代码复制出去,保存.html <span style="font-size:18px;"><html > <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <style type="text/css"

基于Jquery的XML解析器,返回定制的HTML

依据HTML模板返回解析的XML 依赖jQuery 1.4?1. [代码]基于Jquery的xml解析器并返回定制的HTML     /** *  jQuery插件 *  Author: [email protected] *  Date  : 2011-02-16 *  Params: dom:XMLDocument , *          _default:{ *              reg:匹配标签正则, *              lc:标签左结束符, *