| 标题 | 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程序设计有所帮助。 |
| 随便看 |
|
在线学习网考试资料包含高考、自考、专升本考试、人事考试、公务员考试、大学生村官考试、特岗教师招聘考试、事业单位招聘考试、企业人才招聘、银行招聘、教师招聘、农村信用社招聘、各类资格证书考试等各类考试资料。