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實現(xiàn)帶縮略圖的可定制高度畫廊效果(5種)
這篇文章主要介紹了jquery可定制高度畫廊效果,很有藝術感,功能實現(xiàn)非常簡單,推薦給大家,有需要的小伙伴可以參考下。2015-08-08jquery.uploadify插件在chrome瀏覽器頻繁崩潰解決方法
這篇文章主要介紹了jquery.uploadify插件在chrome瀏覽器頻繁崩潰解決方法,十分的實用,遇到相同問題,需要解決的朋友可以參考下2015-03-03jquery Easyui Datagrid實現(xiàn)批量操作(編輯,刪除,添加)
本篇文章主要介紹了jquery Easyui Datagrid實現(xiàn)批量操作(編輯,刪除,添加),小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-02-02簡單易用的基于jQuery版仿新浪微博向下滾動效果(附DEMO)
jquery版,簡單易用的jQuery 版仿新浪微博 向下滾動效果,現(xiàn)在越來越發(fā)現(xiàn)jquery太強大咯,哈哈。2011-02-02基于Jquery的仿Windows Aero彈出窗(漂亮的關閉按鈕)
目前市面上已經(jīng)有很多成熟好用的jquery彈出窗插件,像模態(tài)窗口插件(Modal Dialog Plugins)以及數(shù)不勝數(shù)的燈箱插件(lightbox plugins)。2010-09-09