| 标题 | jQuery实现切换字体大小的方法 |
| 范文 | 这篇文章主要介绍了jQuery实现切换字体大小的方法,实例分析了jQuery操作字体css样式的技巧,需要的朋友可以参考下 本文实例讲述了jQuery实现切换字体大小的方法。分享给大家供大家参考。具体实现方法如下： 代码如下: $.fn.switchSize = function(settings) { // defaults settings settings = $.extend({ container: 'body', arrSizeClass: ['small', 'medium', 'large'], defaultClass: 'medium', saveCookie: true }, settings); var $container = $(settings.container); return this .each(function() { if ($.cookie('switchSize')) { $container.addClass($.cookie('switchSize')); $(this).data("current", $.cookie('switchSize')) } }) .bind("click", function() { var pos; if ($(this).data("current")) { pos = jQuery.inArray($(this).data("current"), settings.arrSizeClass); } else { pos = jQuery.inArray(settings.defaultClass, settings.arrSizeClass); } if (pos >= 0) { //Found Class if (pos == settings.arrSizeClass.length - 1) { //Check if last $(this).data("current", settings.arrSizeClass[0]); } else { $(this).data("current", settings.arrSizeClass[pos + 1]); } } else { //To prevent error $(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程序设计有所帮助。 |
| 随便看 |
|
在线学习网范文大全提供好词好句、学习总结、工作总结、演讲稿等写作素材及范文模板，是学习及工作的有利工具。