jQuery實現(xiàn)給頁面換膚的方法
更新時間:2015年05月30日 15:14:52 作者:不吃皮蛋
這篇文章主要介紹了jQuery實現(xiàn)給頁面換膚的方法,涉及jQuery頁面元素的選擇與樣式的操作,需要的朋友可以參考下
本文實例講述了jQuery給頁面換膚的方法。分享給大家供大家參考。具體分析如下:
給頁面換膚的效果有不少同學(xué)做過,今天在逛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程序設(shè)計有所幫助。
您可能感興趣的文章:
- 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實現(xiàn)鼠標(biāo)響應(yīng)式透明度漸變動畫效果示例
這篇文章主要介紹了jQuery實現(xiàn)鼠標(biāo)響應(yīng)式透明度漸變動畫效果,涉及jQuery事件響應(yīng)及動態(tài)修改頁面元素屬性相關(guān)操作技巧,需要的朋友可以參考下2018-02-02jquery實現(xiàn)的元素的left增加N像素 鼠標(biāo)移開會慢慢的移動到原來的位置
鼠標(biāo)移動上去,元素的left增加N像素,鼠標(biāo)移開會慢慢的移動到原來的位置2010-03-03jquery實現(xiàn)智能感知連接外網(wǎng)搜索
注意引用的插件及順序;搜索獲取選擇的值,智能感知連接外網(wǎng)搜索,具體實現(xiàn)如下,感興趣的朋友可以參考下哈,希望對你大家有所幫助2013-05-05jQuery選擇器選中最后一個元素,倒數(shù)第二個元素操作示例
這篇文章主要介紹了jQuery選擇器選中最后一個元素,倒數(shù)第二個元素操作,涉及jQuery選擇器eq()方法與last()方法相關(guān)操作技巧,需要的朋友可以參考下2018-12-12