jQuery实现给页面换肤的方法
更新时间：2015年05月30日 15:14:52 作者：不吃皮蛋
这篇文章主要介绍了jQuery实现给页面换肤的方法,涉及jQuery页面元素的选择与样式的操作,需要的朋友可以参考下
本文实例讲述了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程序设计有所帮助。
相关文章
单独使用CKFinder选择图片的方法，非常不错的效果。2010-08-08
这篇文章主要介绍了JQuery自动触发事件的方法,涉及trigger()方法完成模拟操作的相关技巧,需要的朋友可以参考下2015-06-06
我原以为我对jQuery的使用还过得去，可是经过昨天的工作，我才发现，原来，我才算是刚刚入门。好吧。下面，我简单讲一下，我昨天遇到的问题以及解决方案2012-08-08
QQ网站有一个网站举报的功能，看了一些js代码觉得写得很不错，我就拿下来了，下面是一个email验证与url网址验证js代码，分享给大家2013-09-09
本文主要介绍jQuery 3中一些新增的特性和一些变更的特性，以及一些废弃删除的特性，另外介绍了jQuery 3.0 最大的变化就是彻底放弃对 IE8 的支持，大家可以先看一下。2016-04-04
最近发现一个网站的拖拽效果挺好的,个人觉得是一种不错的用户体验,抽空研究了一下，所以这篇文章主要给大家介绍了关于利用jQuery实现简单的拖曳效果的相关资料，需要的朋友可以参考借鉴，下面随着小编来一起看看详细的介绍吧。2017-10-10
写js已经有很久了，但是对js的详细了解还是很肤浅的，这几天在看jquery，在其中有一些新的发现和体会，记录下来2011-11-11
这问题遇到两次，竟然忘记了。所以说不要关抄人家的方法，要多研究下。现在做个记录...2011-03-03
本文给大家分享jquery自适应窗口大小导航菜单，也是一款响应式的导航菜单，有深色样式、浅色样式、自定义样式，接下来，需要的学习的小伙伴参考此文吧2015-09-09
这篇文章主要为大家详细介绍了基于jQuery实现简单人工智能聊天室的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-02-02
最新评论