jquery 动态控制页面字体大小 与列高度相同

$(document).ready(function() {
// reset the font size(back to default)
var originalfontsize = $('html').css教程('font-size');
$(".resetfont").click(function(){
$('html').css('font-size', originalfontsize);
});
// increase the font size(bigger font0
$(".increasefont").click(function(){
var currentfontsize = $('html').css('font-size');
var currentfontsizenum = parsefloat(currentfontsize, 10);
var newfontsize = currentfontsizenum*1.2;
$('html').css('font-size', newfontsize);
return false;
});
// decrease the font size(smaller font)
$(".decreasefont").click(function(){
var currentfontsize = $('html').css('font-size');
var currentfontsizenum = parsefloat(currentfontsize, 10);
var newfontsize = currentfontsizenum*0.8;
$('html').css('font-size', newfontsize);
return false;
});
});

列高度相同

$(document).ready(function() {
function equalheight(group) {
tallest = 0;
group.each(function() {
thisheight = $(this).height();
if(thisheight > tallest) {
tallest = thisheight;
}
});
group.height(tallest);
}
// how to use
$(document).ready(function() {
equalheight($(".left"));
equalheight($(".right"));
});
});