此Jquery插件可以说是JquerySchool网站作品中属于非常给力的一款,利用了jquery.bgcolorselector插件实现页面主题自由切换,这样就可以解决页面上单个主题的的烦恼,可以把自己喜欢的主题颜色放到插件初始化的颜色列表中生成一个最新的颜色组合工具条,再加上jquery-ui.custom实现元素拖动效果,自动切换自己喜欢的背景颜色。
Jquery插件初始化代码如下:
$(document).ready(function () {
$('div.bgSelector').sColor({
colors: [{ c: '#981767', cName: '' }], //必填,所有颜色 c:色号(必填) cName:颜色名称(可空)
colorsHeight: '26px', //必填,颜色的高度
curTop: '0', //可选,颜色选择对象高偏移,默认0
curImg: 'images/cur.png', //必填,颜色选择对象图片路径
form: 'drag', //可选,切换方式,drag或click,默认drag
keyEvent: true, //可选,开启键盘控制,默认true
prevColor: true, //可选,开启切换页面后背景色是上一页面所选背景色,如不填则换页后背景色是defaultItem,默认false
defaultItem: 22 //可选,第几个颜色的索引作为初始颜色,默认第1个颜色
});
});
效果如下:
如果您觉得本作品对您的学习有所帮助:
关键字:
bgcolorselector 颜色插件 颜色选择器 bigColorpicker