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

When I tried to use jquery cookies some time ago, I made a simple skin-changing function, which was only suitable for small websites and the code was low-level.

First introduce jquery and cookie plug-ins

Copy the code The code is as follows:

Prepare several css files

Copy code Code As follows:

Prepare several button buttons in the body part of the web page to trigger jquery

Copy the code The code is as follows:

Style 1Style 2

jquery code

Copy code The code is as follows:

$(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);
}
);

Click to get jquery cookie plug-in
Click to get jqueryOr use jquery hosted by Google or Microsoft
Microsoft CDN:
------------------------------------------------ -------------------------------------

Copy code The code is as follows:

Google CDN:
------------------------- -------------------------------------------------- -----

Copy code The code is as follows: