帝国CMS内容页模板点击改变正文字体大小的js代码和方法

帝国CMS教程 2022-06-03 21:48:14 197

通过一段简单的js代码来实现用户点击网页上的字体大小选择适当的字体来浏览网页内容,让用户体验更佳。

改变内容页字号大小的方法有很多种,下面讲一个简单的JS代码实现功能的。

首先在内容模板的头部<head></head>里加入下面的代码:

<script type="text/javascript">
function FontZoom(fsize){
var ctext = document.getElementById("news");
ctext.style.fontSize = fsize +"px";
}
</script>

定制框架把你想要改变字体大小的内容部分加上id名。如: <div id="news">[!--newstext--]</div>

在适当位置放控制按钮方便用户点击代码如下:

字体:【<a href='_javascript:FontZoom(16)'>大</a> <a href='_javascript:FontZoom(14)'>中</a> <a href='_javascript:FontZoom(12)'>小</a>】

16,14,12就是字号的大小,可以根据实际情况修改为自己所要展示的字号大小。

声明:资源来自网络转载,版权归原作者所有,与本站立场无关,如不慎侵犯了你的权益,请联系我们告知,将做删除处理!

原文地址:《帝国CMS内容页模板点击改变正文字体大小的js代码和方法》发布于2022-06-03 21:48:14