点击改变皮肤颜色

<link href="css/skin_0.css" rel="stylesheet" type="text/css" id="cssfile" />
<script src="jquery.cookie.js"></script>
<script src="jquery-1.11.1.min.js"></script>
<ul id="skin">
    <li id="skin_0" title="灰色" class="selected">灰色</li>
    <li id="skin_1" title="红色" class="selected">红色</li>
    <li id="skin_2" title="紫色" class="selected">紫色</li>
    <li id="skin_3" title="橙色" class="selected">橙色</li>
</ul>

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", "css/" + skinName + ".css");
    $.cookie("MyCssSkin", skinName, { path: "/", expires: 10 });
}