首页 > 编程 > JavaScript > 正文

jQuery实现给页面换肤的方法

2019-11-20 12:23:10
字体:
来源:转载
供稿:网友

本文实例讲述了jQuery给页面换肤的方法。分享给大家供大家参考。具体分析如下:

给页面换肤的效果有不少同学做过,今天在逛blog时也发现一段使用jQuery换肤的代码,贴上与大家分享一下:

$(document).ready(function(){  $('#styleSwitch .button').bind('click', function(){    $('body').removeClass();    //remove all the other classes    $('#styleSwitch .button').removeClass('selected');    $(this).addClass('selected');    switch(this.id){      case 'style1':        $('body').addClass('style1');        break;      case 'style2':        $('body').addClass('style2');        break;      case 'style3':        $('body').addClass('style3');        break;    }    return false;  });});

希望本文所述对大家的jQuery程序设计有所帮助。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表