html 换肤模板,html页面换肤的简单实例

//换肤方法

$(function () {

//为ul中li元素添加点击方法

$('#selectColor li').click(function () {

//选择当前样式，移除旧样式

$("#" + this.id).addClass("selected").siblings().removeClass("selected");

$('#mycolor').attr("href", "css/" + (this.id) + ".css");

//将所选的颜色存入cookie中

$.cookie("MyCookie", this.id, { path: '/', expires: 10 });

});

var cookieskin = $.cookie("MyCookie");//初始化cookie的name

if (cookieskin) { //判断是否存在name,存在则保存

$("#" + cookieskin).addClass("selected").siblings().removeClass("selected");

$('#mycolor').attr("href", "css/" + (cookieskin) + ".css");

$.cookie("MyCookie", cookieskin, { path: '/', expires: 10 });

}

})