所有栏目 | 前端源码 2021Web前端自学笔记
你的位置:首页 > 前端代码 » 正文

帝国CMS文章通过点击"改变字号大小"实现字体大小缩放的方法

发布时间:2020-04-10 20:56:58

作品分类:js代码  前端  字体  大小

在很多网站,譬如文字类小说站,都可以看见文字大小缩减的按钮,下面给大家介绍可以在内容页浏览内容可改变字号大小的方法 

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

 

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

Top