前端之家收集整理的这篇文章主要介绍了
jQuery+Cookie实现切换皮肤功能【附源码下载】，
前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。
本文实例讲述了jQuery+Cookie实现切换皮肤功能。分享给大家供大家参考，具体如下：
最近在学习Jquery，发现Jquery真的是非常强大，短短几行代码就能实现切换皮肤的功能。
1）关键代码
www.jb51.cc jQuery Cookie切换皮肤
@H_
403_13@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中
}
