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 相关文章推荐
setTimeout的延时为0时多个浏览器的区别
May 23 Javascript
jquery对ajax的支持介绍
Dec 10 Javascript
jquery实现的网页自动播放声音
Apr 30 Javascript
jQuery实现悬浮在右上角的网页客服效果代码
Oct 24 Javascript
JS原生带小白点轮播图实例讲解
Jul 22 Javascript
JS中利用swiper实现3d翻转幻灯片实例代码
Aug 25 Javascript
Vue 滚动行为的具体使用方法
Sep 13 Javascript
使用vue自定义指令开发表单验证插件validate.js
May 23 Javascript
小程序调用微信支付的方法
Sep 26 Javascript
微信小程序个人中心的列表控件实现代码
Apr 26 Javascript
使用JavaScript和MQTT开发物联网应用示例解析
Aug 07 Javascript
React冒泡和阻止冒泡的应用详解
Aug 18 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
Linux+Nginx+MySQL下配置论坛程序Discuz的基本教程
2015/12/23 PHP
SAE实时日志接口SDK用法示例
2016/10/09 PHP
PHP中PDO事务处理操作示例
2018/05/02 PHP
php从数据库读取数据,并以json格式返回数据的方法
2018/08/21 PHP
JS的数组的扩展实例代码
2008/07/09 Javascript
javascript JSON操作入门实例
2010/04/16 Javascript
基于jQuery的树控件实现代码(asp.net+json)
2010/07/11 Javascript
基于JQuery的类似新浪微博展示信息效果的代码
2012/07/23 Javascript
jquery弹窗插件colorbox绑定动态生成元素的方法
2014/06/20 Javascript
使用text方法获取Html元素文本信息示例
2014/09/01 Javascript
详解JavaScript设计模式开发中的桥接模式使用
2016/05/18 Javascript
JQuery对ASP.NET MVC数据进行更新删除
2016/07/13 Javascript
JavaScript编码风格指南(中文版)
2016/08/26 Javascript
JS动态给对象添加属性和值的实现方法
2016/10/21 Javascript
详解Angular 4 表单快速入门
2017/06/05 Javascript
webpack + vue 打包生成公共配置文件(域名) 方便动态修改
2019/08/29 Javascript
用vue写一个日历
2020/11/02 Javascript
[52:39]完美世界DOTA2联赛PWL S3 CPG vs Forest 第一场 12.16
2020/12/17 DOTA
Python字符和字符值(ASCII或Unicode码值)转换方法
2015/05/21 Python
Python实现批量读取word中表格信息的方法
2015/07/30 Python
Python实现约瑟夫环问题的方法
2016/05/03 Python
python 批量添加的button 使用同一点击事件的方法
2019/07/17 Python
python Web flask 视图内容和模板实现代码
2019/08/23 Python
windows10 pycharm下安装pyltp库和加载模型实现语义角色标注的示例代码
2020/05/07 Python
python实现canny边缘检测
2020/09/14 Python
Python实现网络聊天室的示例代码(支持多人聊天与私聊)
2021/01/27 Python
python opencv实现图像配准与比较
2021/02/09 Python
英国皇家造币厂:The Royal Mint
2018/10/05 全球购物
REISS美国官网:伦敦最受欢迎的时尚品牌
2019/08/16 全球购物
保安公司服务承诺书
2014/05/28 职场文书
车辆工程专业求职信
2014/06/14 职场文书
综治维稳工作承诺书
2014/08/30 职场文书
高三教师工作总结2015
2015/07/21 职场文书
仓库管理制度范本
2015/08/04 职场文书
使用Html+Css实现简易导航栏功能(导航栏遇到鼠标切换背景颜色)
2021/04/07 HTML / CSS
docker-compose部署Yapi的方法
2022/04/08 Servers