使用jQuery的Cookie插件保存选项卡皮肤

HTML

<div id="wrapper">
		<div id="styleswitcher">
			<ul>
				<li><a id="css-green" href="#green">绿色</a></li>
				<li><a id="css-black" href="#black">黑色</a></li>
			</ul>
		</div>		
    <h1>Ajax Tab</h1>
    <ul id="nav">
        <li><a class="current" href="index.html">首页</a></li>
        <li><a href="study.html">学习</a></li>
        <li><a href="notes.html">日记</a></li>
        <li><a href="about.html">关于</a></li>
    </ul>
    <div id="content">
        <h2>Welcome!</h2>
        <p><img src="images/3.jpg" height="100" alt=""/></p>
    </div>
    <div id="foot">版权信息</div>
</div>
					    

JS

$(document).ready(function() {
    
/* 当点击菜单时进行响应 */
$('#nav li a').click(function(){
	/*高亮当前选中的菜单项 */
	/*
	$('#nav li a').each(function(){
		$(this).removeClass("current");
	}
	);*/
	$('#nav li a').filter(".current").removeClass("current");
	$(this).addClass("current");
	
	var toLoad = $(this).attr('href')+' #content';

	$('#content').hide('fast',loadContent);
	/* "正在加载..."效果显示 */
	$('#load').remove();
	$('#wrapper').append('<span id="load">正在加载...</span>');
	$('#load').fadeIn('normal');
	/* 加载内容到网页, 动态效果显示 */
	function loadContent() {
	    $("#content").load(toLoad);
		$('#content').show('normal');
		$('#load').fadeOut('normal');
	}
	return false;
});   

/* Style switcher*/    
// 绿色主题
$("#css-green").click(function() {
    $("link[rel=stylesheet]").attr({href : "css/green.css"});
    $.cookie('style', "css/green.css", { expires: 365 });    
});

// 黑色主题
$("#css-black").click(function() {
    $("link[rel=stylesheet]").attr({href : "css/black.css"});
    $.cookie('style', "css/black.css", { expires: 365 });
});
    var favstyle = $.cookie('style');
    if (favstyle) {
        $("link[rel=stylesheet]").attr({href : favstyle});
    }  
});