最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

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实现页面皮肤切换并保存







//$(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,所以一段时间后打开页面,仍然为最后设置的眼色。

    新开在线体验窗口

  • 灰色

  • 紫色

  • 红色

  • 天蓝色

  • 橙色

  • 淡绿色



  • jQuery





    原文





    文档

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

    jQuery切换网页皮肤并保存到Cookie示例代码_jquery:以下是源代码: 代码如下: jquery实现页面皮肤切换并保存 //$(function(){ var $li =$(#skin li); $li.click(function(){ switchSkin( this.id ); }); var cookie_skin = $.cookie( MyCssSki
    推荐度:
    标签: 皮肤 代码 jQuery
    • 热门焦点

    最新推荐

    猜你喜欢

    热门推荐

    专题
    Top