欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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

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

实例代码一:

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

实例方法二:



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

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