源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

jQuery实现给页面换肤的方法

  • 时间:2022-07-06 00:17 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:jQuery实现给页面换肤的方法
本文实例讲述了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程序设计有所帮助。
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部