jQuery实现自动调整字体大小的方法
更新时间：2015年06月15日 10:11:27 作者：小卒过河
这篇文章主要介绍了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图片查看插件Magnify开发的详细分析，需要的朋友参考学习下吧。2017-12-12
这篇文章主要介绍了jQuery 实现侧边浮动导航菜单效果,需要的朋友可以参考下2014-12-12
这篇文章主要介绍了基于jquery插件实现拖拽删除图片功能的相关资料，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-05-05
jquery用这么久了，觉得虽然没ExtJS等框架全面，功能强大，但是也确实做到了“the write less,do more”，而且学起来也方便，只需要仔细研读一下它官方网站的API Reference,操作起来基本问题不是太大。2009-07-07
原生js实现addclass,removeclass,toggleclasss实例
下面小编就为大家带来一篇原生js实现addclass,removeclass,toggleclasss实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起 小编过来看看吧2016-11-11
如果对于jquery的$()包装器函数还不是很清楚，请先参阅我的上一篇日志：浅析jQuery的链式调用2010-12-12
这篇文章主要介绍了jQuery弹出层后禁用底部滚动条(移动端关闭回到原位置)的关键代码，非常不错，代码简单易懂,需要的朋友可以参考下2016-08-08
基于jquery的弹出提示框始终处于窗口的居中位置（类似于alert弹出框的效果）
之前写的代码，都是在当前窗口位于居中，可是一旦窗口缩小或者放大都不是位于居中的位置了，但是一直想写的一个类似于alert弹出窗口的效果。2011-09-09
这篇文章介绍了Jquery无须浏览实现直接下载文件的方法，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-05-05
这篇文章主要介绍了JQuery的ON()方法支持的所有事件罗列,本文列出了所有ON()方法支持的事件,摘自jQuery1.8.3的源码,比较权威,需要的朋友可以参考下2015-02-02
最新评论