手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >jQuery实现自动调整字体大小的方法
jQuery实现自动调整字体大小的方法
摘要:本文实例讲述了jQuery实现自动调整字体大小的方法。分享给大家供大家参考。具体分析如下:这里使用一个jQuery函数,自动更改元素中的文本...

本文实例讲述了jQuery实现自动调整字体大小的方法。分享给大家供大家参考。具体分析如下:

这里使用一个jQuery函数,自动更改元素中的文本的字体大小。

$.fn.fontfit = function(max) { var max_size = 18; if (typeof(max) == "undefined") max = max_size; $(this).wrapInner('<div id="fontfit"></div>'); var dheight = $(this).height(); var cheight = $("#fontfit").height(); var fsize = (($(this).css("font-size")).slice(0,-2))*1; while(cheight<dheight && fsize<max) { fsize+=1; $(this).css("font-size",fsize+"px"); cheight = $("#fontfit").height(); } while(cheight>dheight || fsize>max) { fsize-=1; $(this).css("font-size",fsize+"px"); cheight = $("#fontfit").height(); } $("#fontfit").replaceWith($("#fontfit").html()); return this; }

希望本文所述对大家的jQuery程序设计有所帮助。

【jQuery实现自动调整字体大小的方法】相关文章:

js实现一个链接打开两个链接地址的方法

js动态创建及移除div的方法

JavaScript获得指定对象大小的方法

javascript实现点击后变换按钮显示文字的方法

jQuery切换所有复选框选中状态的方法

jQuery实现强制cookie过期方法汇总

javascript用函数实现对象的方法

javascript实现动态改变层大小的方法

JavaScript实现点击自动选择TextArea文本的方法

JavaScript实现鼠标拖动效果的方法

精品推荐
分类导航