jQuery实现给页面换肤的方法


Posted in Javascript onMay 30, 2015

本文实例讲述了jQuery给页面换肤的方法。分享给大家供大家参考。具体分析如下:

给页面换肤的效果有不少同学做过,今天在逛blog时也发现一段使用jQuery换肤的代码,贴上与大家分享一下:

$(document).ready(function(){
  $('#styleSwitch .button').bind('click', function(){
    $('body').removeClass();
    //remove all the other classes
    $('#styleSwitch .button').removeClass('selected');
    $(this).addClass('selected');
    switch(this.id){
      case 'style1':
        $('body').addClass('style1');
        break;
      case 'style2':
        $('body').addClass('style2');
        break;
      case 'style3':
        $('body').addClass('style3');
        break;
    }
    return false;
  });
});

希望本文所述对大家的jQuery程序设计有所帮助。

Javascript 相关文章推荐
Firefox下提示illegal character并出现乱码的原因
Mar 25 Javascript
web页面数据展示新想法(json)
Jun 08 Javascript
jQuery+CSS3折叠卡片式下拉列表框实现效果
Nov 02 Javascript
js复制内容到剪贴板代码,js复制代码的简单实例
Oct 27 Javascript
Bootstrap源码解读下拉菜单(4)
Dec 23 Javascript
vue.js将unix时间戳转换为自定义时间格式
Jan 03 Javascript
js验证手机号、密码、短信验证码代码工具类
Jun 24 Javascript
详解vue.js+UEditor集成 [前后端分离项目]
Jul 07 Javascript
Vue.js框架路由使用方法实例详解
Aug 25 Javascript
使用JS判断页面是首次被加载还是刷新
May 26 Javascript
使用 Vue-TCB 快速在 Vue 应用中接入云开发的方法
Feb 10 Javascript
Node.js API详解之 util模块用法实例分析
May 09 Javascript
js获取滚动距离的方法
May 30 #Javascript
jquery简单实现外部链接用新窗口打开的方法
May 30 #Javascript
Javascript实现div层渐隐效果的方法
May 30 #Javascript
JQuery+CSS实现图片上放置按钮的方法
May 29 #Javascript
Jquery解析json字符串及json数组的方法
May 29 #Javascript
js实现时间显示几天前、几小时前或者几分钟前的方法集锦
May 29 #Javascript
jQuery实现返回顶部效果的方法
May 29 #Javascript
You might like
Dwz与thinkphp整合下的数据导出到Excel实例
2014/12/04 PHP
PHP面向对象程序设计之多态性的应用示例
2018/12/19 PHP
模仿JQuery.extend函数扩展自己对象的js代码
2009/12/09 Javascript
向当前style sheet中插入一个新的style实现方法
2013/04/01 Javascript
js判断字符是否是汉字的两种方法小结
2014/01/03 Javascript
浅谈JavaScript数据类型
2015/03/03 Javascript
js实现跨域的几种方法汇总(图片ping、JSONP和CORS)
2015/10/25 Javascript
JavaScript制作简单的日历效果
2016/03/10 Javascript
jQuery 3.0 的 setter和getter 模式详解
2016/07/11 Javascript
纯css下拉菜单 无需js
2016/08/15 Javascript
JavaScript实现JSON合并操作示例【递归深度合并】
2018/09/07 Javascript
Nodejs中使用puppeteer控制浏览器中视频播放功能
2019/08/26 NodeJs
vant picker+popup 自定义三级联动案例
2020/11/04 Javascript
nodejs中使用worker_threads来创建新的线程的方法
2021/01/22 NodeJs
python日志记录模块实例及改进
2017/02/12 Python
Python中import机制详解
2017/11/14 Python
Python爬虫工程师面试问题总结
2018/03/22 Python
python实现简单登陆系统
2018/10/18 Python
python pands实现execl转csv 并修改csv指定列的方法
2018/12/12 Python
python爬虫之遍历单个域名
2019/11/20 Python
Pytorch之Variable的用法
2019/12/31 Python
python如何导入依赖包
2020/07/13 Python
python pillow库的基础使用教程
2021/01/13 Python
浅谈css3新单位vw、vh、vmin、vmax的使用详解
2017/12/01 HTML / CSS
Canvas环形饼图与手势控制的实现代码
2019/11/08 HTML / CSS
StubHub巴西:购买和出售您的门票
2016/07/22 全球购物
PHP开发的一般流程
2013/08/13 面试题
服务中心夜班服务员岗位职责
2013/11/27 职场文书
文明之星事迹材料
2014/05/09 职场文书
党员学习党的群众路线思想汇报(5篇)
2014/09/10 职场文书
“四风”问题整改措施和努力方向
2014/09/20 职场文书
教师培训简讯
2015/07/20 职场文书
导游词之烟台威海蓬莱
2019/11/14 职场文书
Python万能模板案例之matplotlib绘制直方图的基本配置
2022/04/13 Python
win10电脑双屏显示一个黑屏怎么办?win10电脑双屏显示一个黑屏解决方法
2022/07/15 数码科技
Nginx如何限制IP访问只允许特定域名访问
2022/07/23 Servers