jQuery实现切换字体大小的方法
2015-03-10 00:00
741 查看
本文实例讲述了jQuery实现切换字体大小的方法。分享给大家供大家参考。具体实现方法如下:
希望本文所述对大家的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程序设计有所帮助。
相关文章推荐
- jQuery实现切换字体大小的方法
- jquery实现实时改变网页字体大小、字体背景色和颜色的方法
- jQuery实现自动调整字体大小的方法
- jquery实现实时改变网页字体大小、字体背景色和颜色的方法
- jQuery实现自动调整字体大小的方法
- jquery实现改变显示的文字的背景色和字体大小
- Jquery实现兼容各大浏览器的Enter回车切换输入焦点的方法
- jquery实现多屏多图焦点图切换特效的方法
- jquery实现焦点图片随机切换效果的方法
- jquery简单实现图片切换效果的方法
- Jquery实现点击切换图片并隐藏显示内容(2种方法实现)
- Jquery实现动态切换图片的方法
- jquery实现图片左右切换的方法
- Jquery实现动态切换图片的方法
- JQuery实现动态适时改变字体颜色的方法
- jquery实现图片左右切换的方法
- Jquery实现兼容各大浏览器的Enter回车切换输入焦点的方法
- Dedecms实现tags云标签随机颜色与字体大小方法详解
- jquery渐隐渐显的图片幻灯闪烁切换实现方法
- Jquery实现动态切换图片的方法