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程序设计有所帮助。
相关文章
本文将介绍如何使用npm安装和使用jQuery,帮助读者解决相关问题,并提供示例代码,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2023-11-11
下面小编就为大家带来一篇Spring MVC中Ajax实现二级联动的简单实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-07-07
在jQuery库中，几乎所有的插件都被限制在它的命名空间里。全局的对象都很好地存储在jQuery命名空间里，因此当把jQuery和其它javascript类库一起使用时，不会引起冲突.2010-06-06
今天小编就为大家分享一篇关于jQuery事件blur()方法的使用实例讲解，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的朋友一起跟随小编来看看吧2019-03-03
本节主要介绍了jquery实现类似淘宝星星评分功能，经测试效果相当不错，有图有真相，喜欢的朋友可以参考下2014-09-09
这篇文章主要介绍了jQuery选择器之层次选择器用法,结合实例形式分析了jQuery后代元素选择器、子元素选择器、相邻元素选择器、兄弟元素选择器等相关使用技巧,需要的朋友可以参考下2019-02-02
这篇文章主要介绍了jQuery和CSS仿京东仿淘宝列表导航菜单，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-01-01
Slides – 是一个简单的，容易定制和风格化，的jQuery幻灯片插件。Slides提供褪色或幻灯片过渡效果，图像淡入淡出，图像预压，自动生成分页，循环，自动播放的自定义等很多选项。用Slides插件，你可以随机播放幻灯片，设定那一套您想要开始幻灯片。2015-04-04
一般的select下拉框是不能输入的，只能供大家选择，今天小编给大家分享基于jQuery实现select下拉选择可输入附源码下载，需要的朋友参考下2016-02-02
从DOM中删除所有匹配的元素。这个方法不会把匹配的元素从jQuery对象中删除，因而可以在将来再使用这些匹配的元素。但除了这个元素本身得以保留之外，其他的比如绑定的事件，附加的数据等都会被移除。我的理解就是将元素移除了。2015-08-08
最新评论