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 相关文章推荐
使用Math.floor与Math.random取随机整数的方法详解
May 07 Javascript
子窗体与父窗体传值示例js代码
Aug 01 Javascript
Javascript浅谈之引用类型
Dec 18 Javascript
Js操作树节点自动折叠展开的几种方法
May 05 Javascript
jquery获取radio值实例
Oct 16 Javascript
flexslider.js实现移动端轮播
Feb 05 Javascript
jquery.param()实现数组或对象的序列化方法
Oct 08 jQuery
angularJs利用$scope处理升降序的方法
Oct 08 Javascript
Node.js + express基本用法教程
Mar 14 Javascript
使用 js 简单的实现 bind、call 、aplly代码实例
Sep 07 Javascript
jquery实现简单自动轮播图效果
Jul 29 jQuery
vue从后台渲染文章列表以及根据id跳转文章详情详解
Dec 14 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
基于mysql的bbs设计(四)
2006/10/09 PHP
php如何连接sql server
2015/10/16 PHP
php闭包中使用use声明变量的作用域实例分析
2018/08/09 PHP
php使用goto实现自动重启swoole、reactphp、workerman服务的代码
2020/04/13 PHP
js 实现图片预加载(js操作 Image对象属性complete ,事件onload 异步加载图片)
2011/03/25 Javascript
开发 Internet Explorer 右键功能表(ContextMenu)
2013/07/03 Javascript
动态创建script在IE中缓存js文件时导致编码的解决方法
2014/05/04 Javascript
js怎么覆盖原有方法实现重写
2014/09/04 Javascript
Javascript实现多彩雪花从天降散落效果的方法
2015/02/02 Javascript
jQuery横向擦除焦点图特效代码分享
2015/09/06 Javascript
js+flash实现的5图变换效果广告代码(附演示与demo源码下载)
2016/04/01 Javascript
求js数组的最大值和最小值的四种方法
2017/03/03 Javascript
基于node.js的fs核心模块读写文件操作(实例讲解)
2017/09/10 Javascript
AngularJS上传文件的示例代码
2018/11/10 Javascript
小程序云开发实现数据库异步操作同步化
2019/05/18 Javascript
layui数据表格 table.render 报错的解决方法
2019/09/29 Javascript
Python爬虫代理IP池实现方法
2017/01/05 Python
Python 使用os.remove删除文件夹时报错的解决方法
2017/01/13 Python
python实现淘宝秒杀聚划算抢购自动提醒源码
2020/06/23 Python
Python当中的array数组对象实例详解
2019/06/12 Python
python中设置超时跳过,超时退出的方式
2019/12/13 Python
python关闭占用端口方式
2019/12/17 Python
Python基于codecs模块实现文件读写案例解析
2020/05/11 Python
突袭HTML5之Javascript API扩展1—Web Worker异步执行及相关概述
2013/01/31 HTML / CSS
大学生职业生涯规划书范文
2014/01/14 职场文书
大学生实习鉴定评语
2014/04/25 职场文书
施工安全生产承诺书
2014/05/23 职场文书
食品安全标语
2014/06/07 职场文书
水污染治理工程专业自荐信
2014/06/21 职场文书
会计试用期自我评价怎么写
2014/09/18 职场文书
维稳工作承诺书
2015/01/20 职场文书
会议邀请函
2015/01/30 职场文书
求职信范文怎么写
2015/03/19 职场文书
公司人力资源管理制度
2015/08/05 职场文书
班主任工作总结范文
2015/08/13 职场文书
手把手教你用SpringBoot将文件打包成zip存放或导出
2021/06/11 Java/Android