帝国CMS教程:前端通用的内容页点击改变字号大小的方法和代码

搬瓦工机场JMS

内容页浏览内容可改变字号大小的方法 

以前有人发过这样的方法,我这里也来发一个。

 1.在内容模板的头部里加入下面的代码:

 <script type="text/javascript">

functiON FontZoom(fsize){

        var ctext = document.getElementById("contents");

        ctext.style.fontSize = fsize +"px";

}

</script>

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

3.在你想要放控制按钮的地方放入下面的代码:

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

 16,14,12就是字号的大小,可以修改为你想要的数字。

未经允许不得转载:Just My Socks中文教程网 » 帝国CMS教程:前端通用的内容页点击改变字号大小的方法和代码

赞 (0) 打赏
Just My Socks搬瓦工机场JMS

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏