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

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

实例代码一:

 
 
 
修改字体大小.html 

 
 
 

 
 
 
 

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

实例方法二:



JavaScript设置网页字体



这是一段示例文字,你可以点击下边选择不同字号的字体,这段文字会随即改变大小。脚本之家。

选择字号:[ 13pt(超大) 10.5pt(中型) 9pt(标准) ]

你可能感兴趣的:(js实现动态改变字体大小代码)