jQuery实现自动调整字体大小的方法


Posted in Javascript onJune 15, 2015

本文实例讲述了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程序设计有所帮助。

Javascript 相关文章推荐
jquery select选中的一个小问题
Oct 11 Javascript
Javascript alert消息换行的方法
Aug 07 Javascript
用JQuery实现全选与取消的两种简单方法
Feb 22 Javascript
浅析Node.js查找字符串功能
Sep 03 Javascript
Bootstrap进度条组件知识详解
May 01 Javascript
H5基于iScroll实现下拉刷新和上拉加载更多
Jul 18 Javascript
JS实现遍历不规则多维数组的方法
Mar 21 Javascript
jQuery模拟12306城市选择框功能简单实现方法示例
Aug 13 jQuery
vue移动端使用canvas签名的实现
Jan 15 Javascript
6种JavaScript继承方式及优缺点(小结)
Feb 06 Javascript
js抽奖转盘实现方法分析
May 16 Javascript
npm全局环境变量配置详解
Dec 15 Javascript
JavaScript中使用指数方法Math.exp()的简介
Jun 15 #Javascript
Jquery简单实现GridView行高亮的方法
Jun 15 #Javascript
简介JavaScript中Math.cos()余弦方法的使用
Jun 15 #Javascript
JavaScript中的Math.atan2()方法使用详解
Jun 15 #Javascript
浅谈JavaScript中的Math.atan()方法的使用
Jun 14 #Javascript
JavaScript中反正弦函数Math.asin()的使用简介
Jun 14 #Javascript
JavaScript中的acos()方法使用详解
Jun 14 #Javascript
You might like
PHP+Memcache实现wordpress访问总数统计(非插件)
2014/07/04 PHP
CodeIgniter配置之database.php用法实例分析
2016/01/20 PHP
thinkphp中的url跳转用法分析
2016/07/12 PHP
教你在header中隐藏php的版本信息
2016/08/10 PHP
php判断str字符串是否是xml格式数据的方法示例
2017/07/26 PHP
php5对象复制、clone、浅复制与深复制实例详解
2019/08/14 PHP
PHP图像处理 imagestring添加图片水印与文字水印操作示例
2020/02/06 PHP
又一个小巧的图片预加载类
2007/05/05 Javascript
Js获取数组最大和最小值示例代码
2013/10/29 Javascript
一个简单的JS时间控件示例代码(JS时分秒时间控件)
2013/11/22 Javascript
深入分析jquery解析json数据
2014/12/09 Javascript
AngularJS动态加载模块和依赖的方法分析
2016/11/08 Javascript
jQuery Ztree行政地区树状展示(点击加载)
2016/11/09 Javascript
js实现横向拖拽导航条功能
2017/02/17 Javascript
浅谈通过JS拦截 pushState和replaceState事件
2017/07/21 Javascript
webpack实用小功能介绍
2018/01/02 Javascript
使用vue-cli编写vue插件的方法
2018/02/26 Javascript
vue 项目build错误异常的解决方法
2019/04/22 Javascript
vue自定义标签和单页面多路由的实现代码
2020/05/03 Javascript
Python的Tornado框架异步编程入门实例
2015/04/24 Python
分享一个可以生成各种进制格式IP的小工具实例代码
2017/07/28 Python
解决Pyinstaller 打包exe文件 取消dos窗口(黑框框)的问题
2019/06/21 Python
django如何通过类视图使用装饰器
2019/07/24 Python
在pycharm中显示python画的图方法
2019/08/31 Python
Python提取PDF内容的方法(文本、图像、线条等)
2019/09/25 Python
PurCotton全棉时代官网:100%天然棉花生产的生活护理用品
2016/11/18 全球购物
波比布朗英国官网:Bobbi Brown英国
2017/11/13 全球购物
新西兰便宜隐形眼镜购买网站:QUICKLENS New Zealand
2019/03/02 全球购物
二手房买卖协议书
2014/04/10 职场文书
九寨沟导游词
2015/02/02 职场文书
表扬信范文
2019/04/22 职场文书
交通安全宣传标语(100条)
2019/08/22 职场文书
python基于机器学习预测股票交易信号
2021/05/25 Python
浅谈Web Storage API的使用
2021/06/23 Javascript
「偶像大师 MILLION LIVE!」七尾百合子手办开订
2022/03/21 日漫
如何通过一篇文章了解Python中的生成器
2022/04/02 Python