分享一下：jQuery切换字体大小

Question

1. $.fn.switchSize = function(settings) {
3. // defaults settings
4. settings = $.extend({
5.     container: 'body',
6.     arrSizeClass: ['small', 'medium', 'large'],
7.     defaultClass: 'medium',
8.     saveCookie: true
9. }, settings);
11. var $container = $(settings.container);
12. return this
13.         .each(function() {
14.             if ($.cookie('switchSize')) {
15.                 $container.addClass($.cookie('switchSize'));
16.                 $(this).data("current", $.cookie('switchSize'))
17.             }
18.         })
19.         .bind("click", function() {
20.             var pos;
21.             if ($(this).data("current")) {
22.                 pos = jQuery.inArray($(this).data("current"), settings.arrSizeClass);
23.             } else {
24.                 pos = jQuery.inArray(settings.defaultClass, settings.arrSizeClass);
25.             }
26.             if (pos >= 0) { //Found Class
27.                 if (pos == settings.arrSizeClass.length - 1) { //Check if last
28.                     $(this).data("current", settings.arrSizeClass[0]);
29.                 } else {
30.                     $(this).data("current", settings.arrSizeClass[pos + 1]);
31.                 }
32.             } else {
33.                 //To prevent error
34.                 $(this).data("current", settings.arrSizeClass[0]);
35.             }
37.             $container.removeClass(settings.arrSizeClass[pos]).addClass($(this).data("current"));
39.             if (settings.saveCookie === true) {
40.                 $.cookie('switchSize', $(this).data("current"), { expires: 365, path: '/' });
41.             }
42.         });
43. };

复制代码