jQuery切换网页皮肤并保存到Cookie示例代码__skinName_cookie_skin_switchSkin_function_jQuery_

当前位置: 编程技术>WEB前端

jQuery切换网页皮肤并保存到Cookie示例代码

来源: 互联网发布时间：2014-08-25

本文导语: 以下是源代码：代码如下: jquery实现页面皮肤切换并保存 //$(function(){ var $li =$("#skin li"); $li.click(function(){ switchSkin( this.id ); }); var cookie_skin = $.cookie( "MyCssSkin"); if (cookie_skin) { switchSkin( cookie_skin ); } }); function switchSkin(skinNam...

以下是源代码：

代码如下:

jquery实现页面皮肤切换并保存

//$(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") //当前

元素选中
.siblings().removeClass("selected"); //去掉其它同辈

元素的选中
$("#cssfile").attr("href", "http://keleyi.com/keleyi/phtml/jqtexiao/25/css/" + skinName + ".css"); //设置不同皮肤
$.cookie( "MyCssSkin" , skinName , { path: '/', expires: 10 });
}
//]]>

jQuery皮肤无刷新切换并保存

请点击下面的各种演示的小方框设定以下内容的皮肤,当关闭页面后再开，以下内容还是设定的颜色。因为保存到cookie，所以一段时间后打开页面，仍然为最后设置的眼色。

新开在线体验窗口