有谁可以告诉我web网页制作中通过三个按钮控制页面上的一段文字放大,缩小，恢复到原始大小的代码？

先下载jquery-1.2.6.pack.js，包含到文件中

样式CSS:

.fsize{ border:1px solid #444; margin:10px; height:auto;}
.fsize div p{ line-height:1.5em; padding:10px;}
.fsize h3{ font-size:12px; font-weight:500; height:24px; text-align:right; padding:0 10px; line-height:24px; background:#f0f0f0; display:block;}
.fsize h3 em,
.fsize h3 strong{ font-weight:500; color:#c00; font-style:normal; cursor:pointer;}
.fsize h3 em,
.fsize h3 span{ float:left; margin-right:6px; text-align:left;}

脚本JS:





下面是脚本：

$(document).ready(function(){
//字体变大 class为.fsize 的h3 下的 em 元素被点击时：
$(".fsize h3").find("em").click(function(){

//算出h3 下面的 div 中的 p 的字号
var size=parseInt( $(this).parent().next("div").find("p").css("font-size"),10);

//最大为22号字
if(size<22)
{

//字号累加2
size+=2;

//用h3中的span 标签显示当前字号
$(this).next("span").html("Font-size:"+size+"px");

//重新定义调整过的字号
$(this).parent().next("div").find("p").css({"font-size":size+"px"});
}else
{

//大于22号时提示这已经是最大了
$(this).next("span").html("This is the MAX font-size already!");
}
})
//字体变小原理与变大基本相同 注意size 应该是局部变量每次都要算
$(".fsize h3").find("strong").click(function(){
var size=parseInt( $(this).parent().next("div").find("p").css("font-size"),10);

//最小为12

if(size>12)
{
size-=2;
$(this).prev("span").html("Font-size:"+size+"px");
$(this).parent().next("div").find("p").css({"font-size":size+"px"})
}else
{

//提示当前已经是最小
$(this).prev("span").html("This is the MIN font-size already!");
}
})
//离开时仍然显示字号
$(".fsize").mouseout(function(){
var size=$(this).find("div").find("p").css("font-size");
$(this).find("h3 span").html("Font-size:"+size);
})

})

我也想问这个问题。希望早日高手解决。