Jquery网页换肤(带Cookie存取)代码

上一节讲到引入Jquery库cookie实现对当前皮肤的保存，其他代码将不再重复了，只把头部cookie的导入js代码写出，如下：

 

<head>
	<title></title>
	<link href="css/default.css" rel="stylesheet" type="text/css" />
	<link href="css/skin_0.css" rel="stylesheet" type="text/css" id="cssfile" />
    <script src="js/jquery-1.3.1.js" type="text/javascript"></script>
    <script src="js/jquery.cookie.js" type="text/javascript"></script>
    <script type="text/javascript">
    	$(function(){
			var $li = $("#skin li");
			$li.click(function(){
				$("#"+this.id).addClass("selected")
					.siblings().removeClass("selected");
				$("#cssfile").attr("href","css/"+this.id+".css");
				$.cookie("MyCssSkin",this.id,{ path :'/',expires: 10 });
			});
			var cookie_skin = $.cookie("MyCssSkin");
			if(cookie_skin){
				$("#"+cookie_skin).addClass("selected")
					.siblings().removeClass("selected");
				$("#cssfile").attr("href","css/"+cookie_skin+".css");
				$.cookie("MyCssSkin",this.id,{ path :'/',expires: 10 });
			}
		})
    </script>
</head>

　　

posted @ 2012-10-25 10:56  -禅意花园-  Views(761)  Comments(1)    收藏  举报