以下是源代码: 
 代码如下:    
jquery实现页面皮肤切换并保存     script>  
 script>  
//$(function(){ 
var $li =$("#skin li"); 
$li.click(function(){ 
switchSkin( this.id ); 
}); 
var cookie_skin = $.cookie( "MyCssSkin"); 
if (cookie_skin) { 
switchSkin( cookie_skin ); 
} 
}); 
function switchSkin(skinName){ 
$("#"+skinName).addClass("selected") //当前
元素选中 
.siblings().removeClass("selected"); //去掉其它同辈元素的选中 
$("#cssfile").attr("href", "http://keleyi.com/keleyi/phtml/jqtexiao/25/css/" + skinName + ".css"); //设置不同皮肤 
$.cookie( "MyCssSkin" , skinName , { path: '/', expires: 10 }); 
} 
//]]> 
 script> 
 
 
jQuery皮肤无刷新切换并保存
 
请点击下面的各种演示的小方框设定以下内容的皮肤,当关闭页面后再开,以下内容还是设定的颜色。因为保存到cookie,所以一段时间后打开页面,仍然为最后设置的眼色。 
新开在线体验窗口 
 
灰色 紫色 红色 天蓝色 橙色 淡绿色   
 
jQuery 
 
 
 
 
原文 
 
 
   
下载本文