帝国cms内容页模板增加字体变大变小的效果,可以通过js来实现。

第一步,在内容模板的头部里加入下面的代码:

<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就是字号的大小,可以修改为你想要的数字。

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。