jQuery實作給頁面換膚的方法_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程式設計有所幫助。