jQuery技术

jQuery切换字体大小代码

字号+ 作者:H5之家 来源:H5之家 2016-01-15 10:28 我要评论( )

$.fn.switchSize = function(settings) {// defaults settingssettings = $.extend({ container:

$.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: 'http://www.173it.cn/' }); } }); };

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 7个有用的jQuery小技巧

    7个有用的jQuery小技巧

    2016-02-26 13:02

  • jQuery制作select双向选择列表

    jQuery制作select双向选择列表

    2016-02-26 11:00

  • 全面详细的jQuery常见开发技巧手册

    全面详细的jQuery常见开发技巧手册

    2016-02-26 10:02

  • 强大的jQuery移动插件Top 10

    强大的jQuery移动插件Top 10

    2016-02-25 09:05

网友点评
r