您现在的位置是:首页 > 帝国cms教程

帝国cms教程

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

帝国cms教程 时间:2022-03-28 17:34:08分类:帝国cms使用教程阅读数:

帝国cms内容页模板增加字体变大变小的效果,可以通过js来实现。下面是青青模板网整理的关于在帝国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使用教程其他问题的,可以在评论留言,或者加微信咨询。

相关文章