jQuery切换网页皮肤并保存到Cookie示例代码_jquery
来源:动视网
责编:小采
时间:2020-11-27 21:24:34
jQuery切换网页皮肤并保存到Cookie示例代码_jquery
jQuery切换网页皮肤并保存到Cookie示例代码_jquery:以下是源代码: 代码如下: jquery实现页面皮肤切换并保存 //$(function(){ var $li =$(#skin li); $li.click(function(){ switchSkin( this.id ); }); var cookie_skin = $.cookie( MyCssSki
导读jQuery切换网页皮肤并保存到Cookie示例代码_jquery:以下是源代码: 代码如下: jquery实现页面皮肤切换并保存 //$(function(){ var $li =$(#skin li); $li.click(function(){ switchSkin( this.id ); }); var cookie_skin = $.cookie( MyCssSki

以下是源代码:
代码如下:
jquery实现页面皮肤切换并保存 script>
script>
//$(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 });
}
//]]>
script>
jQuery皮肤无刷新切换并保存
请点击下面的各种演示的小方框设定以下内容的皮肤,当关闭页面后再开,以下内容还是设定的颜色。因为保存到cookie,所以一段时间后打开页面,仍然为最后设置的眼色。
新开在线体验窗口
灰色 紫色 红色 天蓝色 橙色 淡绿色
jQuery
原文
jQuery切换网页皮肤并保存到Cookie示例代码_jquery
jQuery切换网页皮肤并保存到Cookie示例代码_jquery:以下是源代码: 代码如下: jquery实现页面皮肤切换并保存 //$(function(){ var $li =$(#skin li); $li.click(function(){ switchSkin( this.id ); }); var cookie_skin = $.cookie( MyCssSki