通过一段简单的js代码来实现用户点击网页上的字体大小选择适当的字体来浏览网页内容,让用户体验更佳。
改变内容页字号大小的方法有很多种，下面讲一个简单的JS代码实现功能的。
首先在内容模板的头部<head></head>里加入下面的代码：
<scripttype="text/javascript">
functionFontZoom(fsize){
varctext=document.getElementById("news");
ctext.style.fontSize=fsize+"px";
}
</script>定制框架把你想要改变字体大小的内容部分加上id名。如： <div id="news">[!--newstext--]</div>
在适当位置放控制按钮方便用户点击代码如下：
字体：【<ahref='_javascript:FontZoom(16)'>大</a><ahref='_javascript:FontZoom(14)'>中</a><ahref='_javascript:FontZoom(12)'>小</a>】
16,14,12就是字号的大小，可以根据实际情况修改为自己所要展示的字号大小。
声明：有的资源均来自网络转载，版权归原作者所有，如有侵犯到您的权益 请联系邮箱：312334557@qq.com 我们将配合处理！
原文地址：《帝国CMS内容页模板点击改变正文字体大小的js代码和方法》发布于2022-06-03 21:48:14
