jQuery控制文本框来自动缩小字体填充。

jQuery控制文本框来自动缩小字体填充。
js控制文本框自动减少字体填充。当文本框中的字体超出文本框的范围时,框中的字体将自动缩小以填充整个文本框。

电话:resetfontsize($(名称),50, 10, 20); / /设置字体大小

wordbox:jQuery对象

的最大高度最大高度:箱

minsize:最小字体大小

MaxSize:最大的字体大小
这个resetfontsize =功能(wordbox,最大高度,minsize,MAXSIZE){
无功 / / wordbox = $(。产品名称。);
最大高度
/ /无功最大高度= 30;
文本初始化的最小大小
Wordbox.css('font-size ',minsize +PX);
为+ +;
wordbox.each(函数(){()
修改大小直到循环大于最大高度为止。
对于(var i = minsize;i < MAXSIZE;i++){
如果($(this)。Height()>最大高度){
当容器高度大于最大高度时,尝试是最好的尺寸值。
$(这)。Css('font-size ',((I - 2)+ 'px);
结束循环
打破;
{人}
如果小于最大高度,文本的大小加上1
$(这)。Css('font-size ',我+ 'px);
}
}
});
};
以上介绍的是萧边为了缩小字体填充文本框的jQuery自动控制。我们希望能帮助你。如果你有任何问题,请给我留言,萧边会及时给您回复。谢谢您支持网站
免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部