JS Color Selection Plugin

Source: Internet
Author: User

Colpick is a very light and small, without a picture can implement the color selector of the jquery plug-in, only with JS and CSS to achieve full functionality, and very intuitive, similar to the interface of Photoshop, easy to use. Color is easy to customize the light and shade, the entire whole is to achieve the appearance with html5+ CSS3, plug-in only up to KB, the browser loading speed can be said to be very fast, and in less than IE9 version can also be used, just loaded in support HTML5 html5shiv.js.

Download the plugin and colpick.js and colpick.css to add the header to your document:
1 <  src= "js/colpick.js"  type= "Text/javascript"></  Script>2<rel= "stylesheet"  href  = "css/colpick.css"  type= "text/css"/>
Html:
1 <  ID= "Picker">Show Color picker</button>
ls|
1 $ (' #colorSelector '). Colpick ({2 Flat:true,3 layout: ' Full ',4 Submit:true,5 width:500,6 colorscheme: ' Dark ',7 color: "#bbbbbb",8 onchange:function (HSB, Hex, RGB, El, Bysetcolor) {9 Ten }, Onsubmit:function (HSB, Hex, RGB, EL) { One //Handle your business needs A         } -  - }). KeyUp (function () { the $ (this). Colpicksetcolor (this.value); -}). Colpicksetcolor ("Pass in a default color");

JS Color Selection Plugin

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.