分享

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

 163九九 2016-07-11

最新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改变字体大小

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多