实现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
});
}
主要代码就这么些 仅供参考