帝国CMS内容页自定义改变字体大小的js代码

   2024-05-28 22:14:20  
改变内容页字号大小的方法有很多种,下面讲一个简单的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代码方法。



声明:本文系互联网搜索百度而收集整理,不以盈利性为目的,文字、图文资料源于互联网且共享于互联网。
如有侵权,请联系 hzy98999#qq.com (#改@) 删除。