帝国CMS的内容页模板增加点击改变字体大小功能的js代码

洪七公 · 发表于 2023-2-13 21:31:14

有的用户希望点击网页上的字体大小选择功能，可以适当的调整字体大小来浏览网页内容,让用户体验更佳，其实这可以通过一段简单的js代码来实现。

改变内容页字号大小的方法有很多种，下面讲一个简单的JS代码功能：

首先在内容模板的头部<head></head>里加入下面的代码：

复制代码

然后把你想要改变字体大小的内容的div加上id名。如： <div id="news">[!--newstext--]</div>

在适当位置放控制按钮方便用户点击代码如下：

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

复制代码

16,14,12就是字号的大小，可以根据实际情况修改为自己所要展示的字号大小以及修改该样式。

以上就是锦尚中国关于帝国CMS内容页模板点击改变字体大小的js代码方法。更多其余内容可以搜索源码论坛的相关内容，非常感谢您对我们的支持与厚爱！

		自动登录	找回密码
密码			会员注册

[帝国教程] 帝国CMS的内容页模板增加点击改变字体大小功能的js代码