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 相关文章推荐
jQuery设置div一直在页面顶部显示的方法
Oct 24 Javascript
javascript笛卡尔积算法实现方法
Apr 08 Javascript
jQuery焦点图轮播特效代码分享(3款)
Sep 05 Javascript
AngularJS中的指令全面解析(必看)
May 20 Javascript
AngularJS 入门教程之HTML DOM实例详解
Jul 28 Javascript
AngularGauge 属性解析详解
Sep 06 Javascript
微信js-sdk上传与下载图片接口用法示例
Oct 12 Javascript
jQuery模拟淘宝购物车功能
Feb 27 Javascript
对于input 框限定输入值为浮点型的js代码
Sep 25 Javascript
angular 组件通信的几种实现方式
Jul 13 Javascript
关于vue.js中实现方法内某些代码延时执行
Nov 14 Javascript
Vue+TypeScript中处理computed方式
Apr 02 Vue.js
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
这部番真是良心,画质好到像风景区,剧情让人跟着小公会热血沸腾
2020/03/10 日漫
一些使用频率比较高的php函数
2008/10/03 PHP
学习php设计模式 php实现观察者模式(Observer)
2015/12/09 PHP
PHP+Ajax验证码验证用户登录
2016/07/20 PHP
tp5(thinkPHP5)框架连接数据库的方法示例
2018/12/24 PHP
ThinkPHP5.1框架页面跳转及修改跳转页面模版示例
2019/05/06 PHP
PHP判断函数是否被定义的方法
2019/06/21 PHP
JavaScript操纵窗口的方法小结
2013/06/28 Javascript
JS实现带有3D立体感的银灰色竖排折叠菜单代码
2015/10/20 Javascript
JS中改变this指向的方法(call和apply、bind)
2016/03/26 Javascript
JS+CSS3模拟溢出滚动效果
2016/08/12 Javascript
阿里云ecs服务器中安装部署node.js的步骤
2016/10/08 Javascript
React中ES5与ES6写法的区别总结
2017/04/21 Javascript
SVG动画vivus.js库使用小结(实例代码)
2017/09/14 Javascript
vsCode安装使用教程和插件安装方法
2020/08/24 Javascript
详解vue父子组件关于模态框状态的绑定方案
2019/06/05 Javascript
使用JavaScript获取扫码枪扫描得到的条形码的思路代码详解
2020/06/10 Javascript
Python中用PIL库批量给图片加上序号的教程
2015/05/06 Python
python异常和文件处理机制详解
2016/07/19 Python
让python 3支持mysqldb的解决方法
2017/02/14 Python
python中requests爬去网页内容出现乱码问题解决方法介绍
2017/10/25 Python
Django REST framework 单元测试实例解析
2019/11/07 Python
PyTorch学习:动态图和静态图的例子
2020/01/06 Python
Python字符串格式化f-string多种功能实现
2020/05/07 Python
Python设计密码强度校验程序
2020/07/30 Python
把Anaconda中的环境导入到Pycharm里面的方法步骤
2020/10/30 Python
从零实现一个自定义html5播放器的示例代码
2017/08/01 HTML / CSS
Missguided美国官网:英国时尚品牌
2018/01/18 全球购物
自我评价怎么写好呢?
2013/12/05 职场文书
ktv总经理岗位职责
2014/02/17 职场文书
工作决心书范文
2014/03/11 职场文书
2014年团委工作总结
2014/11/13 职场文书
初中生思想道德自我评价
2015/03/09 职场文书
妈妈别哭观后感
2015/06/08 职场文书
同学聚会感言一句话
2015/07/30 职场文书
创业计划书之家教中心
2019/09/25 职场文书