以下是源代码: 复制代码 代码如下: 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 原文