如何使用jQuery增加字体大小的变化？

Question

嗨我想用jQuery逐步改变页面的字体大小我该怎么做？

就像是:

$('body').css({'font-size':'+.01px'});
$('body').css({'font-size':'-.01px'});

Answer 1

你可以这样做:

var fontSize = parseInt($("body").css("font-size"));
fontSize = fontSize + 1 + "px";
$("body").css({'font-size':fontSize});

这里是jsFiddle的例子

Answer 2

你不能这样做,因为字体属性存储为字符串,如果你确定字体大小将以像素为单位,你可以这样做:

var fontSize = $('body').css('font-size').split('px')[0];

var fontInt = parseInt(fontSize) + 1;

fontSize = fontInt + 'px';

这可能需要稍微修改我只是编写而没有测试.

Answer 3

这可能取决于哪个版本的 jquery，但我使用了以下内容

HTML

<input type="button" id="button" />
<div id="box"></div>

代码

$(document).ready(function() {
  $("#button").click(function() {
    $("#box").css("width","+=5");
   });
 });