素材网 素材网

jquery拖动鼠标更换网页背景颜色小工具

下载资源()次

阅读次数()次

发布时间:2013-10-12

jquery拖动鼠标更换网页背景颜色小工具
分享到:

用法简介:

来源:xw素材网

jquery拖动鼠标更换网页背景颜色小工具

利用了jquery.bgcolorselector插件实现页面主题自由切换,这样就可以解决页面上单个主题的的烦恼,可以把自己喜欢的主题颜色放到插件初始化的颜色列表中生成一个最新的颜色组合工具条,再加上jquery-ui.custom实现元素拖动效果,自动切换自己喜欢的背景颜色。

代码如下:

$(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个颜色
    });
});

   

网友评论:

评论

发表 剩余字数:20

一、不得利用本站危害国家安全、泄露国家秘密,不得侵犯国家社会集体的和公民的合法权益,不得利用本站制作、复制和传播不法有害信息!

二、互相尊重,对自己的言论和行为负责。

@ 2013 xwcms.net . All Rights Reserved. xw素材网 | 备案号:晋ICP备13005902号 联系管理员
×

邮箱订阅

什么是邮箱订阅?

邮箱订阅是xw素材网为jquery爱好者与web程序员提供一项以邮箱的方式发送最新jquery资源与素材资源的模式,用户只需在左侧填写正确的邮箱用户名与邮箱地址我们将每天推荐最新优质资源到用户邮箱。当然每份邮箱都会有一个取消订阅按钮,当用户点击取消按钮时我们将会停止对用户发送邮箱资源推送。再次感谢大家对xw素材网的支持与关注。