利用樣式文件，使網頁能夠更換不同的主題風格，這個只是簡單的小列子，更換了背景圖，和字體顏色，更換主題的基本原理是這樣的。通過更改，link標簽里的href屬性，加載不同的樣式文件。這里還用到了一款JQuery插件--cookie 確保用戶更換完主題后，刷新頁面主題不變。

有個小技巧：就是將不同主題的樣式文件名與所選按鈕的id名稱相同，這樣利于操作。

例如：id='skin_0' 那么文件夾中需要有一個skin_0.css文件

html代碼：html>

Change?backgrounIMG

• 大黃蜂
• 擎天柱
• 海賊王
• 高達
• 超夢

JQuery代碼：$(function()?{

$('#skin?li').click(function()?{

switchSkin(this.id)

});

var?cookie_skin?=?$.cookie('MyCssSkin');

if?(cookie_skin)?{

switchSkin(cookie_skin);

}

});

function?switchSkin(skinName)?{

$('#cssfile').attr('href',?'css/'?+?skinName?+?'.css');

$.cookie('MyCssSkin',skinName,{path:'/',expires:10});

//$.cookie('MyCssSkin',skinName,{path:'/',expires:10});

}

【下載demo】

本文地址：html頁面換皮膚顏色、背景圖片(更換頁面背景，常駐緩存)刷新保存 https://www.shenqiu123.com/a/jianzhan/zhishi/4155.html

總結

以上是生活随笔為你收集整理的html背景自动换,html页面换皮肤颜色、背景图片（更换页面背景，常驻缓存）刷新保存...的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。