umtheme 引用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>
