The simple skin-changing function implemented by jquery cookie is suitable for small websites_jquery

Style 1Style 2

$(document).ready(function(){
$("#button1").click(
function(){
$.cookie('cssfile','basic2.css');//Save cookies
location.reload(); //Refresh the page
}
);
$("#button2").click(
function(){
$.cookie('cssfile','basic.css');
location.reload();
}
);
});
$(document).ready(
function(){
var file=$.cookie('cssfile'); //Read cookie
if(typeof file=="undefined")
{
var cssfile="__PUBLIC__/css/basic2.css"; //No setting, read default css
}
else
{
var cssfile="__PUBLIC__/css/" file; //Set cookies
}
$("#f").attr("href",cssfile);
}
);