JS 动态控制网页正文字体大小

最新JS 动态控制网页正文字体大小

以下是三零网为大家整理的最新JS 动态控制网页正文字体大小的文章，希望大家能够喜欢!

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

<html>
<head>
<title>JavaScript设置网页字体_ 三零网 w w w.q 3 0 6 0.c o m </title>
<style>
body{
font-size:9pt;
}
</style>
</head>
<body>
<div id=zoom>这是一段示例文字，你可以点击下边选择不同字号的字体，这段文字会随即改变大小。</div>
<SCRIPT language=JavaScript>
function doZoom(size){
document.getElementById('zoom').style.fontSize=size+'pt'
}
</SCRIPT>
<P align=right>选择字号：[ <A
href="javascript:doZoom(13)">13pt（超大）</A> <A
href="javascript:doZoom(10.5)">10.5pt（中型）</A> <A
href="javascript:doZoom(9)">9pt（标准）</A> ]
</body>
</html>

延伸阅读:
·用js控制网页文字的大小
·通过JS改变字体大小

本站仅提供存储服务，所有内容均由用户发布，如发现有害或侵权内容，请点击举报。