Jquery颜色选择器ColorPicker实现代码_javascript技巧

在CMS中通常都有给标题添加颜色的功能,但一般都比较简单,颜色支持也少,这里我要分享一个自己修改的颜色选择器。界面简洁,功能强大。在我们的日常项目中可以快速的部署。

复制代码 代码如下:

$(".colorpicker").colorpicker({
target:'#title',
success:function(o,color){
$("#color").val(color)
},
reset:function(o){
$("#color").val('');
}
});

相关文件和演示
ColorPicker选择器含演示程序下载:点击下载
ColorPicker演示:点击查看

时间: 2024-12-03 04:45:58

Jquery颜色选择器ColorPicker实现代码_javascript技巧的相关文章

Javascript 颜色渐变效果的实现代码_javascript技巧

下面就是博主的一些思路和解决办法,如果对此没兴趣,想直接使用jquery插件的同学,可以点这里 思路 每一种颜色由RGB组成,每两位为一个16进制数当前颜色代码和目标颜色代码,转换成10进制数后,是有差值的,利用差值,设定总执行次数的步长,计算每一步变更颜色的10进制数利用定时器执行简单的讲,就是将6位颜色代码以每两位转换为10进制数,然后计算两对RGB值的差,根据设定的步长(执行次数),计算每一步需要增加或减少的RGB值,最后变为目标颜色的RGB值 需要解决的问题 将6位颜色代码转换为10进制

JavaScript实现自己的DOM选择器原理及代码_javascript技巧

解释器模式(Interpreter):定义一种语法格式,通过程序解释执行它并完成相应的任务.在前端编程场景中可以应用解释器模式来解释CSS选择符实现DOM元素的选择. 开放封闭原则:面向对象中的开放封闭原则是类或模块应该对扩展开放对修改封闭,在这个dom选择器中实现id选择器,元素选择器,类选择器,如果以后需要属性选择器的话定义一个属性选择器实现相应的方法,同时在简单工厂中增加相应的创建属性选择器对象分支即可. 匹配原理:浏览器在匹配CSS选择符时是按照从右到左匹配的,所以实现自己的DOM选择器

Jquery 切换不同图片示例代码_javascript技巧

复制代码 代码如下: #sidebar div#live_chat a { background: url("scroll/live_chat1.jpg") ; height: 76px; } #sidebar div#live_chat a:hover { background: url("scroll/live_chat2.jpg") ; } #sidebar div#customer_survey a { background: url("scrol

不用jQuery实现的动画效果代码_javascript技巧

不过随着新版本的升级, 体积也慢慢变大了.24KB, Minified and Gzipped 155KB, Uncompressed Code压缩并gzip输出24K, 也不小了.如果页面上一个简单的效果,一个简单的动画就没必要载入这么大的库.看下面这个图片渐变效果, 其实纯js不到20行就可以搞定了. [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

js实现的简单radio背景颜色选择器代码_javascript技巧

本文实例讲述了js实现的简单radio背景颜色选择器.分享给大家供大家参考.具体如下: 这里演示的js实现radio网页背景颜色选择器,只需点击对应颜色的radio单选框,就可以改变网页的背景颜色,简单方便,实用的javaScript网页特效. 运行效果如下图所示: 在线演示地址如下: http://demo.jb51.net/js/2015/js-radio-cha-bgcolor-codes/ 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHT

HTML颜色选择器实现代码_javascript技巧

HTML颜色选择器 范围:#000 - #FFF [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

JS,Jquery获取select,dropdownlist,checkbox下拉列表框的值(示例代码)_javascript技巧

jQuery获取Select选择的Text和Value: 语法解释: 1. $("#select_id").change(function(){//code...});   //为Select添加事件,当选择其中一项时触发 2. var checkText=$("#select_id").find("option:selected").text();  //获取Select选择的Text 3. var checkValue=$("#se

JS实现的颜色实时渐变效果完整实例_javascript技巧

本文实例讲述了JS实现的颜色实时渐变效果.分享给大家供大家参考,具体如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head

Javascript 数组添加一个 indexOf 方法的实现代码_javascript技巧

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 运行以上代码,即可.如果大家想看的是 javascript indexOf的使用方法,请看下面的文章javascript indexOf函数使用说明JavaScript indexOf忽略大小写_javascript技巧