怎么在jQuery中使用Cookie实现切换皮肤功能-创新互联

本篇文章为大家展示了怎么在jQuery中使用Cookie实现切换皮肤功能，内容简明扼要并且容易理解，绝对能使你眼前一亮，通过这篇文章的详细介绍希望你能有所收获。

创新互联-专业网站定制、快速模板网站建设、高性价比昂昂溪网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式昂昂溪网站制作公司更省心,省钱,快速模板网站建设找我们，业务覆盖昂昂溪地区。费用合理售后完善，十载实体公司更值得信赖。

1）关键代码

 
 
 
 
 
 
  $(function () {
   $('#skin>li').click(function () {
    var skinID = this.id;
    switchSkin(skinID);
   });
   var skinID = $.cookie("skinID"); //获取cookie
   if (skinID) {//如果cookie存在，切换皮肤
    switchSkin(skinID);
   }
  });
  function switchSkin(skinID) {
   $('#' + skinID).addClass('selected')
       .siblings().removeClass('selected');
   var cssHref = 'Styles/Skins/' + skinID + '.css';
   $('#cssfile').attr('href', cssHref);
   $.cookie("skinID", skinID, { path: "/", expires: 10 }); //将皮肤样式的id保存到cookie中
  }
 


 
 
  hello world!
  
   蓝色
   紫色
   红色
   天蓝色
   橙色
   淡绿色