jQuery switches web page skin and saves it to Cookie sample code_jquery

The following is the source code:

Copy code The code is as follows: jquery implements page skin switching and saves // $(function(){ var $li =$("#skin li"); $li.click(function(){ switchSkin( this.id ); } ); var cookie_skin = $.cookie( "MyCssSkin"); if (cookie_skin) { switchSkin( cookie_skin ); } }); function switchSkin(skinName ){ $("#" skinName).addClass("selected") //The current element is selected .siblings().removeClass("selected"); //Remove other siblings Selection of elements $("#cssfile").attr("href", "http://keleyi.com/keleyi/phtml/jqtexiao/25/css/" skinName ".css"); / /Set different skins $.cookie( "MyCssSkin" , skinName , { path: '/', expires: 10 }); } //]]> jQuery skin no refresh switch and save Please click below The small boxes of various demonstrations set the skin of the following content. When the page is closed and reopened, the following content is still the set color. Because it is saved to a cookie, when you open the page after a while, it will still have the last set wink.

New Open the online experience window grey purple Red Sky Blue orange Light Green

&lt ;div id="div_side_0"> jQuery

Original text&lt ;/a>