jQuery實現(xiàn)給頁面換膚的方法
更新時間：2015年05月30日 15:14:52 作者：不吃皮蛋
這篇文章主要介紹了jQuery實現(xiàn)給頁面換膚的方法,涉及jQuery頁面元素的選擇與樣式的操作,需要的朋友可以參考下
本文實例講述了jQuery給頁面換膚的方法。分享給大家供大家參考。具體分析如下：
給頁面換膚的效果有不少同學做過，今天在逛blog時也發(fā)現(xiàn)一段使用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程序設計有所幫助。
您可能感興趣的文章:
- jQuery基于cookie實現(xiàn)換膚功能實例
- jQuery實現(xiàn)的網(wǎng)頁換膚效果示例
- jQuery實現(xiàn)簡單的網(wǎng)頁換膚效果示例
- Bootstrap框架結(jié)合jQuery仿百度換膚功能實例解析
- 使用jQuery實現(xiàn)Web頁面換膚功能的要點解析
- 基于jQuery實現(xiàn)仿百度首頁換膚背景圖片切換代碼
- 基于jquery ui的alert,confirm方案（支持換膚）
- jquery cookie實現(xiàn)的簡單換膚功能適合小網(wǎng)站
- jQuery之網(wǎng)頁換膚實現(xiàn)代碼
- JQuery 網(wǎng)站換膚功能實現(xiàn)代碼
- jQuery結(jié)合jQuery.cookie.js插件實現(xiàn)換膚功能示例
相關(guān)文章
今天遇到一個有意思的問題，jquery有兩個函數(shù)parent()和parents().通過這兩個函數(shù)可以找到一個對象的父對象，又稱作jquery的選擇器。2010-11-11
今天工作的時候遇到一個問題，下面的代碼運行之后每次彈出來的都是1，詳細的解決方法如下，需要的朋友參考下2013-11-11
easyui中combotree循環(huán)獲取父節(jié)點至根節(jié)點并輸出路徑實現(xiàn)方法
下面小編就為大家?guī)硪黄猠asyui中combotree循環(huán)獲取父節(jié)點至根節(jié)點并輸出路徑實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-11-11
這篇文章主要介紹了jquery模擬alert的彈窗插件的相關(guān)資料,需要的朋友可以參考下2015-07-07
昨日在一個前端網(wǎng)站上看見了一個老外寫的純用css3做的仿Path菜單，心里癢癢，于是也用jQuery寫了一個，現(xiàn)在分享給大家2011-12-12
JQuery是非常棒的JS類庫，有豐富的UI庫和插件，不過我鐘愛他的是他的選擇器，感覺其他功能有時跟后臺人員距離很遠，所以一般我也只使用一下他的選擇器。2009-08-08
下面小編就為大家?guī)硪黄昝澜鉀QjQuery的hover事件在IE中不停閃動的問題。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-02-02
兩個select之間option的互相添加操作(jquery實現(xiàn))
兩個select,將其中一個select選中的選項添加到另一個select中,或者點擊全部添加按鈕將所有的option都添加過去.2009-11-11
利用jQuery彈出select選擇的值,當單擊按鈕的時候就會執(zhí)行的一個方法，它的作用就是alert select值2013-04-04
這篇文章主要為大家介紹了易操作的jQuery表單提示插件，使用它可以輕松為表單控件添加淡入淡出動畫效果的提示，感興趣的小伙伴們可以參考一下2015-12-12