用JQuery 实现 COOKIE 的本地保存 -页面切换皮肤 保存记录

实现JQuery 的插件 可以让静态页面也能用 COOKIE哈哈，不错把

下面是具体的使用方法:

1.首先是必须的JQuery 包：jquery-1.3.1.js

  和 其COOKIE 插件 ：jquery.cookie.js

2.第一步 在HTML 页面中

		<SCRIPT type="text/javascript" src="scripts/jQuery/jquery-1.3.1.js"></SCRIPT>
		<SCRIPT type="text/javascript" src="scripts/jQuery/jquery.cookie.js"></SCRIPT>
             
<ul id="skin">
        <li id="skin_0" title="蓝色" class="selected">蓝色</li>
        <li id="skin_1" title="紫色">紫色</li>
        <li id="skin_2" title="红色">红色</li>
        <li id="skin_3" title="天蓝色">天蓝色</li>
        <li id="skin_4" title="橙色">橙色</li>
        <li id="skin_5" title="淡绿色">淡绿色</li>
    </ul>

  第二步 JavaScript 中的关键代码

 

$(function() {
			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") // 当前<li>元素选中
			.siblings().removeClass("selected"); // 去掉其他同辈<li>元素的选中
	$("#cssfile").attr("href", "styles/skin/" + skinName + ".css"); // 设置不同皮肤
	$.cookie("MyCssSkin", skinName, {
				path : '/',
				expires : 10
			});
}

主要代码就这么些 仅供参考