引用jquery.min.js及以下JS代码将以下代码保存为fontFlex.js(function($) { $.fn.fontFlex = function(min, max, mid) { var $this = this; &n...
引用Jquery.min.js及以下JS代码
将以下代码保存为fontFlex.js
(function($) { $.fn.fontFlex = function(min, max, mid) { var $this = this; $(window).resize(function() { var size = window.innerWidth / mid; if (size < min) size = min; if (size > max) size = max; $this.css('font-size', size + 'px'); }).trigger('resize'); }; })(jQuery);
html应用:
<!DOCTYPE html> <html> <head> <script src="js/jquery.min.js"></script> <script src="js/fontFlex.js"></script> <script type="text/javascript"> $(function() {$('.text').fontFlex(20, 60, 40);}); </script> </head> <body> <dvi class="text"> <p>荷花是我国十大名花之一,为多年水生植物,可分为藕莲、子莲和花莲三大系统。 它“出淤泥而不染,濯清涟而不妖”。</P> <p>在人们心中,荷花是高尚纯洁的象征。那么荷花、荷叶为什么能“出淤泥而不染”呢?原来,在它们的外表层布满了蜡质, 而且有许多乳头状的突起, 突起之间充满着空气,挡着污泥浊水的渗入。</p> </div> </body> </html>