网页切换CSS实现换肤，并缓存到浏览器

引入两个CSS文件，默认的rel属性不加alternate

<link href="${base}/theme/classic/dist/css/default.css" rel="stylesheet" type="text/css" title="default"/>
<link href="${base}/theme/classic/dist/css/tumblr_style.css" rel="alternate stylesheet" type="text/css" title="tumblr"/>

用JS来实现切换

function changeStyle(t) {
    $('link[title]').each(function() {
        this.disabled = true;
        this.disabled = this.title != t;
    });
    return false;
}

调用JS的切换皮肤方法

<a href="#" onclick="changeStyle('default')">切换皮肤1</a>
<a href="#" onclick="changeStyle('tumblr')">切换皮肤2</a>

可以使用jquery.cookie.js来缓存皮肤名称