Wheel Color Picker Plugin for jQuery
====================================
The Wheel Color Picker plugin adds color picker functionality to HTML form inputs in round color wheel style. The Wheel Color Picker can be displayed as a popup dialog as users focus the input, or embedded inline. It currently supports these HTML elements:
* input (works on buttons too!)
* textarea
Note: It should also works on other HTML elements which support jQuery .val() function.
![](https://raffer.one/static/img/projects/jqwcp-featured.600.jpg)
Features
--------
**SUPPORTED COLORS**
This plugin supports both RGB and HSV modes with additional Alpha channel.
**MULTIPLE FORMAT**
There are numbers of formats which the color picker can display its value:
* **hex** format, e.g. ffffff
* **css** format, e.g. #ffffff
* **rgb** format, e.g. rgb(255, 255, 255)
* **hsv** format, e.g. hsv(1.0, 1.0, 1.0)
**INDIVIDUAL SLIDERS**
The color picker can be set to display slider for each individual color channel.
**THEMING CAPABILITY**
The color picker appearance can be customized using CSS. This package already contains two CSS variants which can be used as starting point to make your own theme.
**RESPONSIVE MOBILE LAYOUT**
The color picker can automatically adapt when opened on mobile browsers with limited screen width.
See [Features Page](https://github.com/fujaru/jquery-wheelcolorpicker/wiki/Features) for the complete list.
Usage
-----
First, include these javascript and CSS files on the HTML head section:
```html
<script type="text/javascript" src="jquery-2.0.3.min.js"></script>
<script type="text/javascript" src="jquery.wheelcolorpicker.js"></script>
<link type="text/css" rel="stylesheet" href="css/wheelcolorpicker.css" />
```
**HTML WAY**
Simply add `data-wheelcolorpicker` attribute to an input element.
```html
<input type="text" data-wheelcolorpicker />
```
And you're done!
**JAVASCRIPT WAY**
Or you can also initialize the color picker to an element by calling:
```js
$(element).wheelColorPicker( options );
```
**Example**
```html
<input type="text" class="colorpicker" />
<script type="text/javascript">
$(function() { $('.colorpicker').wheelColorPicker(); });
</script>
```
Demo
----
See `demo/index.html` for more usage examples or try it online at our [demonstration page](http://files.jar2.net/jquery/wheelcolorpicker/example-v3/example.html).
Documentation
-------------
See [Documentation Page](https://github.com/fujaru/jquery-wheelcolorpicker/wiki) for a complete documentation.
License
-------
jQuery Wheel Color Picker plugin is released under [MIT License](http://opensource.org/licenses/MIT).
What's New in 3.0
-----------------
* Code refactor
* Support for responsive/mobile websites
* Options for sliders arrangement
* Programmatically resizeable color picker
* External images no longer required
Read more about what's new at [Documentation Page](https://github.com/fujaru/jquery-wheelcolorpicker/wiki/v3:What's-New)
Backward Compatibility
----------------------
**Version 2**
Websites built using version 2 of the wheel color picker plugin can be upgraded
to version 3 with no changes necessary.
However, CSS customizations made from version 2 may not be compatible with
version 3 due to changes on HTML structure.
Please see [Documentation Page](https://github.com/fujaru/jquery-wheelcolorpicker/wiki/v3:Migration-from-v2)
for migrating instructions from version 2 to version 3.
**Version 1.x**
`alpha` option and `color` method marked as *deprecated* in version 2.x are now obsolete.
CSS is not backward compatible. Switching back to base theme is recommended.
- - - - -
<a href="https://pledgie.com/campaigns/30344" target="_blank"><img class="alignnone" style="margin-top: 0;" src="https://pledgie.com/campaigns/30344.png?skin_name=chrome" alt="Click here to lend your support to: jQuery Wheel Color Picker Plugin and make a donation at pledgie.com !" height="37" border="0" width="149"></a>
没有合适的资源?快使用搜索试试~ 我知道了~
基于PHP的dmandwp建站主题rifefree源码.zip
共242个文件
php:84个
png:48个
js:42个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 14 浏览量
2023-08-26
21:34:06
上传
评论
收藏 2.01MB ZIP 举报
温馨提示
基于PHP的dmandwp建站主题rifefree源码.zip
资源推荐
资源详情
资源评论
收起资源包目录
基于PHP的dmandwp建站主题rifefree源码.zip (242个子文件)
style.css 203KB
style-rtl.css 200KB
lg-transitions.css 46KB
lg-transitions.min.css 38KB
font-awesome.css 37KB
woocommerce.css 34KB
woocommerce-rtl.css 34KB
admin-css.css 31KB
font-awesome.min.css 30KB
lightgallery.css 25KB
hand.css 24KB
lightgallery.min.css 21KB
jquery-ui-1.10.4.custom.min.css 17KB
blurry.css 8KB
circle_illusion.css 5KB
jquery-ui-1.10.4.custom.css 5KB
infinity.css 5KB
tetromino.css 4KB
owl.carousel.min.css 4KB
jet_pack_man.css 4KB
atom.css 4KB
wheelcolorpicker.css 3KB
alpha-color-picker.css 3KB
editor-style.css 2KB
square_of_squares.css 2KB
cloud_circle.css 2KB
lg-fb-comment-box.css 1KB
flash.css 1KB
arcs.css 1KB
icomoon.css 1KB
indicator.css 1KB
plus_minus.css 1KB
dots.css 1KB
ferdinand.css 1KB
radar.css 1KB
lg-fb-comment-box.min.css 1015B
circle.css 958B
customize-preview.css 499B
fontawesome-webfont.eot 162KB
font-awesome-icons 11KB
loading.gif 4KB
animated-overlay.gif 2KB
ajax-loader.gif 885B
ie9saver.gif 42B
index.html 30B
index.html 30B
index.html 29B
title_bar_bg.jpg 186KB
script.js 155KB
isotope.pkgd.js 133KB
lightgallery-all.js 124KB
jquery.fullpage.js 105KB
admin-script.js 87KB
owl.carousel.js 83KB
jquery.wheelcolorpicker.js 73KB
script.min.js 63KB
lightgallery-all.min.js 55KB
isotope.pkgd.min.js 53KB
lightgallery.js 45KB
owl.carousel.min.js 42KB
jquery.fullPage.min.js 33KB
jquery.wheelcolorpicker.min.js 28KB
jquery.slides.js 21KB
noframework.waypoints.js 21KB
lightgallery.min.js 18KB
webfontloader.js 16KB
customize-controls.js 16KB
jquery.slimscroll.js 14KB
webfontloader.min.js 12KB
typed.js 12KB
jquery.slides.min.js 11KB
noframework.waypoints.min.js 10KB
jquery.countdown.js 10KB
jquery.sticky-kit.js 8KB
alpha-color-picker.js 8KB
jquery.mousewheel.js 8KB
helpers.js 7KB
customize-preview.js 7KB
jquery.countdown.min.js 5KB
jquery.slimscroll.min.js 5KB
typed.min.js 4KB
jquery.countTo.js 4KB
helpers.min.js 4KB
jquery.fitvids.js 3KB
jquery.sticky-kit.min.js 3KB
ApolloParams.js 3KB
jquery.mousewheel.min.js 3KB
jquery.fitvids.min.js 2KB
jquery.fittext.js 1KB
jquery.fittext.min.js 564B
wheelcolorpicker.jquery.json 890B
package.json 805B
README.md 4KB
FontAwesome.otf 132KB
theme-options.php 197KB
class-tgm-plugin-activation.php 120KB
user-css.php 88KB
google-fonts-json.php 78KB
meta.php 72KB
cpt.php 56KB
共 242 条
- 1
- 2
- 3
资源评论
易小侠
- 粉丝: 6466
- 资源: 9万+
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功