js实现动态改变字体大小代码

在很多大网站上为了提高用户方便阅读文字，都提供有字体大小选择功能，以适应不同年龄段人群的阅读需求，其实这种功能实现起来也很简单，修改起来也方便，字体大号由你来定，默认字体大小可以CSS页面中定义，一般网页的标准字体是9pt，也就是12px；

实例代码一：

 
 
 
 

 
 
 

 
 
div{ 
border:1px red solid; 
width:455px; 
font-size:16px; 
} 
.max{ 
font-size:20px; 
} 
.moren{ 
font-size:16px; 
} 
.min{ 
font-size:12px; 
} 
 
 
 

 
大号 
中号 
小号 
 
这里呢就是显示的文字，通过点击上面的超链接改变此字体大小
 
这里呢就是显示的文字，通过点击上面的超链接改变此字体大小
 
这里呢就是显示的文字，通过点击上面的超链接改变此字体大小
 
这里呢就是显示的文字，通过点击上面的超链接改变此字体大小
 
这里呢就是显示的文字，通过点击上面的超链接改变此字体大小
 
这里呢就是显示的文字，通过点击上面的超链接改变此字体大小
 
这里呢就是显示的文字，通过点击上面的超链接改变此字体大小
 
这里呢就是显示的文字，通过点击上面的超链接改变此字体大小
 
这里呢就是显示的文字，通过点击上面的超链接改变此字体大小
 
这里呢就是显示的文字，通过点击上面的超链接改变此字体大小
 
这里呢就是显示的文字，通过点击上面的超链接改变此字体大小
 
 
 

实例方法二：

body{
font-size:9pt;
}



这是一段示例文字，你可以点击下边选择不同字号的字体，这段文字会随即改变大小。考高分网。

选择字号：[ 13pt（超大） 10.5pt（中型） 9pt（标准） ]