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