首页 > 文章资讯 > 技术教程 > 帝国cms教程 > 帝国cms内容页模板添加“大、中、小”三种字体效果

帝国cms内容页模板添加“大、中、小”三种字体效果

时间：2023年07月14日

来源：网络

编辑：佚名

帝国cms内容页模板增加字体变大变小的效果，可以通过js来实现。
下面是78模板网整理的关于在帝国CMS系统内容页点击改变字号大小的操作方法，方便新手站长们在利用帝国cms建网站的时候，可以少走一些弯路。
第一步，在内容模板的头部里加入下面的代码：
<script type="text/javascript">
function FontZoom(fsize){
var ctext = document.getElementById("contents");
ctext.style.fontSize = fsize +"px";
}
</script>
第二步，把你想要改变字体大小的内容部分加上id名。如：
<div id="contents">[!--newstext--]</div>
第三步，控制按钮的地方放入下面的代码
字体：【<a href='javascript:FontZoom(16)'>大</a> <a href='javascript:FontZoom(14)'>中</a> <a href='javascript:FontZoom(12)'>小</a>】
注释：16,14,12就是字号的大小，可以修改为你想要的数字。
以上就是关于帝国cms使用教程中"帝国cms内容页模板添加“大、中、小”三种字体效果"的全部内容，如果有遇到帝国cms使用教程其他问题的，可以在评论留言，或者加微信咨询。

新闻资讯更多

猜你需要