jQuery 控制文本框自動縮小字體填充
更新時間：2017年06月16日 11:47:29 作者：迷失道
這篇文章主要介紹了jQuery 控制文本框自動縮小字體填充的相關(guān)資料,需要的朋友可以參考下
js控制文本框自動縮小字體填充，當(dāng)文本框中的字體超出文本框范圍的時候，框內(nèi)的字體會自動縮小，以填充整個文本框;
調(diào)用：resetFontSize($(".title"), 50, 10, 20);//重置字體大小
wordbox:jQuery對象
maxHeight:box的最大高度
minSize:最小字體大小
maxSize:最大字體大小
this.resetFontSize=function (wordbox, maxHeight, minSize, maxSize) {
// var wordbox = $(".products .title");
//最大高度
//var maxHeight = 30;
//初始化文字大小為最小
wordbox.css('font-size', minSize + "px");
maxSize++;
wordbox.each(function () {
//循環(huán)修改大小直至大于最大高度
for (var i = minSize; i < maxSize; i++) {
if ($(this).height() > maxHeight) {
//當(dāng)容器高度大于最大高度的時候，上一個嘗試的值就是最佳大小。
$(this).css('font-size', (i - 2) + 'px');
//結(jié)束循環(huán)
break;
} else {
//如果小于最大高度，文字大小加1繼續(xù)嘗試
$(this).css('font-size', i + 'px');
}
}
});
};
以上所述是小編給大家介紹的jQuery 控制文本框自動縮小字體填充，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關(guān)文章
基于jquery的當(dāng)鼠標(biāo)滾輪到最底端繼續(xù)加載新數(shù)據(jù)思路分享(多用于微博、空間、論壇 )
基于jquery的當(dāng)鼠標(biāo)滾輪到最底端繼續(xù)加載新數(shù)據(jù)思路分享(多用于微博、空間、論壇 )，需要的朋友可以參考下。2011-10-10
利用jQuery插件imgAreaSelect實現(xiàn)獲得選擇域的圖像信息
本篇文章主要對jQuery插件imgAreaSelect實現(xiàn)獲得選擇域的圖像信息的方法做了簡要分析說明。需要的朋友來看下吧，希望對大家有所幫助2016-12-12
這篇文章主要介紹了Jquery彈出層插件ThickBox的使用方法,需要的朋友可以參考下2014-12-12
這篇文章主要介紹了jQuery實現(xiàn)彈出窗口彈出div層的實例代碼,點擊頁面的鏈接，彈出一個div層，同時頁面的其他部分變灰并且不能點擊,，具體實現(xiàn)代碼大家參考下本文吧2017-01-01
本節(jié)主要介紹了jquery判斷瀏覽器后退時候彈出消息 ,需要的朋友可以參考下2014-08-08
append和appendTo的區(qū)別以及appendChild用法
很多新手朋友們對append和appendTo的區(qū)別以及js中的appendChild用法有所模糊，下面就舉例為大家詳細介紹下，感興趣的朋友不要錯過2013-12-12
在前端頁面開發(fā)中,我們有時候希望能自定執(zhí)行一些人性化操作,比如鼠標(biāo)不用點擊自動就能點擊等操作,利用傳統(tǒng)的js語言需要編寫復(fù)雜的代碼才能實現(xiàn)此功能,這時候我們使用jquery的trigger()方法就能輕松實現(xiàn)。本文就給大家詳細介紹了關(guān)于jQuery中值得注意的trigger方法。2016-12-12
用戶可以通過鼠標(biāo)拖拽柱狀圖從而改變每根柱子的高度，最終達到通過鼠標(biāo)拖拽圖形界面來修改服務(wù)器數(shù)據(jù)的目的。2010-11-11
本文通過實例代碼給大家分享了jquery 加密密碼到cookie的實現(xiàn)方法，非常不錯，具有參考借鑒價值，需要的朋友參考下吧2017-04-04
下面小編就為大家?guī)硪黄猨Query基本選擇器(實例及表單域value的獲取方法)。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-05-05