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

本文为大家介绍下使用js如何实现动态改变字体大小,感兴趣的额朋友不要错过

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

实例代码一:

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

实例方法二:

   JavaScript设置网页字体 
这是一段示例文字,你可以点击下边选择不同字号的字体,这段文字会随即改变大小。html中文网。

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

以上就是js实现动态改变字体大小代码的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » JavaScript 教程