jQuery实现切换字体大小的方法
本文实例讲述了jQuery实现切换字体大小的方法。分享给大家供大家参考。具体实现方法如下:
$.fn.switchSize=function(settings){ //defaultssettings settings=$.extend({ container:'body', arrSizeClass:['small','medium','large'], defaultClass:'medium', saveCookie:true },settings); var$container=$(settings.container); returnthis .each(function(){ if($.cookie('switchSize')){ $container.addClass($.cookie('switchSize')); $(this).data("current",$.cookie('switchSize')) } }) .bind("click",function(){ varpos; if($(this).data("current")){ pos=jQuery.inArray($(this).data("current"),settings.arrSizeClass); }else{ pos=jQuery.inArray(settings.defaultClass,settings.arrSizeClass); } if(pos>=0){//FoundClass if(pos==settings.arrSizeClass.length-1){//Checkiflast $(this).data("current",settings.arrSizeClass[0]); }else{ $(this).data("current",settings.arrSizeClass[pos+1]); } }else{ //Topreventerror $(this).data("current",settings.arrSizeClass[0]); } $container.removeClass(settings.arrSizeClass[pos]).addClass($(this).data("current")); if(settings.saveCookie===true){ $.cookie('switchSize',$(this).data("current"),{expires:365,path:'/'}); } }); };
希望本文所述对大家的jQuery程序设计有所帮助。