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 相关文章推荐
javascript游戏开发之《三国志曹操传》零部件开发(二)人物行走的实现
Jan 23 Javascript
jquery 合并内容相同的单元格(示例代码)
Dec 13 Javascript
JQuery中使用.each()遍历元素学习笔记
Nov 08 Javascript
js实现用户注册协议倒计时的方法
Jan 21 Javascript
JQuery学习总结【一】
Dec 01 Javascript
Bootstrap笔记—折叠实例代码
Mar 13 Javascript
详解JavaScript数组过滤相同元素的5种方法
May 23 Javascript
Vue.js仿微信聊天窗口展示组件功能
Aug 11 Javascript
Angular 封装并发布组件的方法示例
Apr 19 Javascript
webpack 如何解析代码模块路径的实现
Sep 04 Javascript
Vue项目中使用flow做类型检测的方法
Mar 18 Javascript
浅谈JavaScript中你可能不知道URL构造函数的属性
Jul 13 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
关于PHP递归算法和应用方法介绍
2013/04/15 PHP
php实现的数字验证码及数字运算验证码
2015/07/30 PHP
使用PHP uniqid函数生成唯一ID
2015/11/18 PHP
Thinkphp5框架ajax接口实现方法分析
2019/08/28 PHP
代码生成器 document.write()
2007/04/15 Javascript
js创建对象的方式总结
2015/01/10 Javascript
JS实现文字掉落效果的方法
2015/05/06 Javascript
Bootstrap+jfinal退出系统弹出确认框的实现方法
2016/05/30 Javascript
JS中使用apply方法通过不同数量的参数调用函数的方法
2016/05/31 Javascript
AngularJS基础 ng-model-options 指令简单示例
2016/08/02 Javascript
BootStrap+Mybatis框架下实现表单提交数据重复验证
2017/03/23 Javascript
webpack踩坑之路图片的路径与打包
2017/09/05 Javascript
react-native fetch的具体使用方法
2017/11/01 Javascript
使用Ajax和Jquery配合数据库实现下拉框的二级联动的示例
2018/01/25 jQuery
如何在JavaScript中优雅的提取循环内数据详解
2019/03/04 Javascript
JS实现普通轮播图特效
2020/01/01 Javascript
[54:15]DOTA2-DPC中国联赛 正赛 DLG vs Dragon BO3 第二场2月1日
2021/03/11 DOTA
python定时执行指定函数的方法
2015/05/27 Python
python利用高阶函数实现剪枝函数
2018/03/20 Python
python检测主机的连通性并记录到文件的实例
2018/06/21 Python
python将秒数转化为时间格式的实例
2018/09/16 Python
Puppeteer使用示例详解
2019/06/20 Python
Pandas数据离散化原理及实例解析
2019/11/16 Python
Python tkinter实现图片标注功能(完整代码)
2019/12/08 Python
加拿大百叶窗和窗帘定制网站:Blinds
2017/01/30 全球购物
一份Java笔试题
2012/02/21 面试题
如何撰写岗位职责
2014/02/01 职场文书
民主评议党员自我评价材料
2014/09/18 职场文书
公民代理授权委托书
2014/09/24 职场文书
2014年语文教师工作总结
2014/12/18 职场文书
项目经理岗位职责
2015/01/31 职场文书
毕业答辩开场白范文
2015/05/27 职场文书
工作感言一句话
2015/08/01 职场文书
干货!开幕词的写作方法
2019/04/02 职场文书
Vue3.0中Ref与Reactive的区别示例详析
2021/07/07 Vue.js
Spring Cloud OAuth2实现自定义token返回格式
2022/06/25 Java/Android