jsColor取色器插件的基本用法

  最近项目中用到了一款取色器插件,非常简洁、实用。

  官网地址:http://jscolor.com/

  使用方法:1.引入js文件。

<script type="text/javascript" src="jscolor/jscolor.js"></script>

2.设置文本框class并设置默认显示颜色。

<input class="color" type="text" value="ff0d9e" />

3.在jscolor.js中修改默认样式使用图片的路径(xxx)。

dir : ‘xxx/‘,

  效果:

  

  

  Demo下载

jsColor取色器插件的基本用法

时间: 2024-10-19 06:35:17

jsColor取色器插件的基本用法的相关文章

TakeColor 屏幕取色器 8.0 中文绿色版

软件名称: TakeColor 屏幕取色器软件语言: 简体中文授权方式: 免费软件运行环境: Win8 / Win7 / Vista / WinXP软件大小: 210KB图片预览: 软件简介:使用方便的屏幕取色器,别的取色工具总是用鼠标点击来取色的,这个工具可以直接用alt+c快键捷来完成屏幕取色 软件下载页面:http://www.bkill.com/download/23831.html 软件下载地址:电信下载 联通下载

Bootstrap 提示工具(Tooltip)插件方法的用法

方法 下面是一些提示工具(Tooltip)插件中有用的方法: 方法 描述 实例 Options: .tooltip(options) 向元素集合附加提示工具句柄. $().tooltip(options) Toggle: .tooltip('toggle') 切换显示/隐藏元素的提示工具. $('#element').tooltip('toggle') Show: .tooltip('show') 显示元素的提示工具. $('#element').tooltip('show') Hide: .t

Elasticsearch之中文分词器插件es-ik

前提 什么是倒排索引? Elasticsearch之分词器的作用 Elasticsearch之分词器的工作流程 Elasticsearch之停用词 Elasticsearch之中文分词器 Elasticsearch之几个重要的分词器 elasticsearch官方默认的分词插件 1.elasticsearch官方默认的分词插件,对中文分词效果不理想. 比如,我现在,拿个具体实例来展现下,验证为什么,es官网提供的分词插件对中文分词而言,效果差. [[email protected] elasti

HTML5实现Winamp2.9音频播放器插件

Winamp2-js是一款使用html5和javascript来实现Winamp 2.9音频播放器的插件.该Winamp音频播放器插件有支持拖拽文件,自定义皮肤,支持可视化模式等特点.特点还有: 实际的Winamp皮肤文件存储在本地计算机上,你可以任意调用自己的Winamp 2皮肤. 可以通过拖拽.弹出按钮或"options"按钮来调用本地音频文件或皮肤. 有两种可视化模式:示波器和曲谱模式. 支持热键. 支持"Shade"迷你模式. 在线演示:http://www

Elasticsearch之中文分词器插件es-ik的热更新词库

前提 Elasticsearch之中文分词器插件es-ik的自定义词库 先声明,热更新词库,需要用到,web项目和Tomcat.不会的,请移步 Eclipse下Maven新建项目.自动打依赖jar包(包含普通项目和Web项目) Tomcat *的安装和运行(绿色版和安装版都适用) Tomcat的配置文件详解 1: 部署 http 服务在这使用 tomcat7 作为 web 容器, 先下载一个 tomcat7, 然后上传到某一台服务器上(192.168.80.10).再执行以下命令 tar -zx

Win10手记-取色器ColorPicker的实现

最近个人项目需要用到ColorPicker,但是适用于WinRT和Win10的基本没用,所以只能自己造轮子了. 平台环境 Windows 10 Visual Studio 2015 思路 确定需求后,我查找了各方信息,发现PhotoShop的ColorPicker最符合我的需求,这里我们实现的仿PhotoShop HSB取色器,样式如下图. 确定目标后,则需要研究具体的调色原理了.我们都知道,程序使用的一般都是RGB颜色,而这里使用的则是HSB颜色.顾名思义,HSB分别是指色相(Hue)纯度(S

10个免费开源的JS音乐播放器插件

音乐播放器在网页设计中有时候会用到,比如一些时尚类.音乐或影视类等项目,但这些 网页播放器 插件比较少见,所以这里为大家整理一个集合,也许会有用到的时候. 下面整理的播放器有些是支持自适应的,如果需要用到微信或手机上,可根据自己需要求,选择对应的网页播放器.  ● Codrops Audio Codrops Audio 界面使用纯CSS编写,支持响应式,可以方便在桌面.平板以及手机设备上使用.界面因为是CSS编写,所以如果懂CSS样式,可以自己设计一个新的样式来修改. 演示&下载 ● Dark

jQuery补充,基于jQuery的bxslider轮播器插件

基于jQuery的bxslider轮播器插件 html <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=n

Jquery插件placeholder的用法

闲的蛋疼,演示一下Jquery插件placeholder的用法,借助该插件能够轻松实现HTML5中placeholder特效: 效果图: 实现代码: <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <% String basePath = request.getScheme()+"://&quo