以下是原始碼: 複製程式碼 程式碼如下: jquery實作頁面皮膚切換並儲存 <BR>//<![CDATA[ <BR>$(function(){ <BR>var $li =$("#skin li"); <BR>$li.click(function(){ <BR>switchSkin( this.id ); <BR>}); <BR>var cookie_skin = $.cookie( "MyCssSkin"); <BR>if (cookie_skin) { <BR>switchSkin( cookie_skin ); <BR>} <BR>}); <BR>function switchSkin(skinName){ <BR>$("#" skinName).addClass("selected") //目前<li>元素選取<BR>.siblings().removeClass("selected"); //去掉其它同輩<li>元素的選取<BR>$("#cssfile").attr("href", "http://keleyi .com/keleyi/phtml/jqtexiao/25/css/" skinName ".css"); //設定不同皮膚<BR>$.cookie( "MyCssSkin" , skinName , { path: '/', expires: 10 } ); <BR>} <BR>//]]> <BR> jQuery皮膚無刷新切換並儲存 請點擊下面的各種演示的小方框設定以下內容的皮膚,當關閉頁面後再開,以下內容還是設定的顏色。因為儲存到cookie,所以一段時間後打開頁面,仍然為最後設定的眼色。 新開線上體驗窗口 灰色 紫色 紅色 天藍色 橙色 淡綠 jQuery 原文