<link rel="stylesheet" href="css/skin_0.css" id="cssfile"/>
var $li = $("#skin li"); $li.click(function () { $("#"+this.id).addClass("selected") .siblings().removeClass("selected"); $("#cssfile").attr("href","css/"+this.id+".css"); });
//将皮肤保存进cookie $.cookie("myCssSkin",this.id,{path:'/',expires:10});
保存后,就可以通过Cookie来获取当前的皮肤了,如果Cookie确实存在,则将当前设置为Cookie记录的值:
//获取Cookie中的皮肤 var cookie_skin = $.cookie("myCssSkin"); //判断皮肤存不存在 if (cookie_skin){ switchSkin(cookie_skin); } //设置cookid中的皮肤 function switchSkin(skinName) { $("#"+skinName).addClass("selected") .siblings().removeClass("selected"); $("#cssfile").attr("href","css/"+skinName+".css"); $.cookie("myCssSkin",skinName,{path:'/',expires:10}); }
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持!