jQuery實現(xiàn)自動調(diào)整字體大小的方法
更新時間：2015年06月15日 10:11:27 作者：小卒過河
這篇文章主要介紹了jQuery實現(xiàn)自動調(diào)整字體大小的方法,涉及jQuery針對頁面屬性與樣式動態(tài)操作的相關技巧,需要的朋友可以參考下
本文實例講述了jQuery實現(xiàn)自動調(diào)整字體大小的方法。分享給大家供大家參考。具體分析如下：
這里使用一個jQuery函數(shù)，自動更改元素中的文本的字體大小。
$.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開發(fā)的詳細分析，需要的朋友參考學習下吧。2017-12-12
這篇文章主要介紹了jQuery 實現(xiàn)側(cè)邊浮動導航菜單效果,需要的朋友可以參考下2014-12-12
這篇文章主要介紹了基于jquery插件實現(xiàn)拖拽刪除圖片功能的相關資料，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-05-05
jquery用這么久了，覺得雖然沒ExtJS等框架全面，功能強大，但是也確實做到了“the write less,do more”，而且學起來也方便，只需要仔細研讀一下它官方網(wǎng)站的API Reference,操作起來基本問題不是太大。2009-07-07
原生js實現(xiàn)addclass,removeclass,toggleclasss實例
下面小編就為大家?guī)硪黄鷍s實現(xiàn)addclass,removeclass,toggleclasss實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起 小編過來看看吧2016-11-11
淺析jQuery的鏈式調(diào)用之each函數(shù)
如果對于jquery的$()包裝器函數(shù)還不是很清楚，請先參閱我的上一篇日志：淺析jQuery的鏈式調(diào)用2010-12-12
這篇文章主要介紹了jQuery彈出層后禁用底部滾動條(移動端關閉回到原位置)的關鍵代碼，非常不錯，代碼簡單易懂,需要的朋友可以參考下2016-08-08
基于jquery的彈出提示框始終處于窗口的居中位置（類似于alert彈出框的效果）
之前寫的代碼，都是在當前窗口位于居中，可是一旦窗口縮小或者放大都不是位于居中的位置了，但是一直想寫的一個類似于alert彈出窗口的效果。2011-09-09
這篇文章介紹了Jquery無須瀏覽實現(xiàn)直接下載文件的方法，文中通過示例代碼介紹的非常詳細。對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-05-05
這篇文章主要介紹了JQuery的ON()方法支持的所有事件羅列,本文列出了所有ON()方法支持的事件,摘自jQuery1.8.3的源碼,比較權威,需要的朋友可以參考下2015-02-02