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