帝国CMS内容页怎样用js实现点击改变字号大小？

1 419 2021-04-22 00:36:14

本文目录

1. 实现js点击修改字号操作步骤
2. 附注

许多帝国cms开发的小说站点、文字资料站点要考虑目标用户的不同而设置不同大小的字号。这个功能用js就能快速实现。

帝国CMS内容页怎样用js实现点击改变字号大小？

实现js点击修改字号操作步骤

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

<script type="text/javascript">
function FontZoom(fontsize){
    var changesize = document.getElementById("newstext");
    changesize.style.fontSize = fontsize +"px";
}
</script>

2、把你想要改变字体大小的内容部分加上id名。可参考如下代码：

<div id="newstext">[!--newstext--]</div>

3、在你想要放控制按钮的地方放入下面的代码：
字号：

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

18、14、12就是字号的具体大小，在实际应用场景中可以根据你的需求修改为指定的字号。

附注

本套源码仅限当前页面点击后放大/缩小字符，如需全局配置需加入cookie缓存技术，才能实现一个页面配置，全站文章页效果等同的字号缩放效果。

本文地址：https://xzo.com.cn/develop/empire/829.html

有帮助，很赞！

信息来源：下载鸥

业务合作

如果您认可我们的分享，有意与我们合作开展帝国cms网站建设与开发业务或插件定制，请联系右侧在线客服。我们能给您的，就是高质量的模板与售后。

版权声明

标注了信息来源为下载鸥的文章皆为原创，如果是转载的优质文章，我们也都标注了出处。如果您喜欢我们的文章，请按照下载鸥所标注的文章出处进行标注，谢谢您的配合。

信息标签

帝国CMS

帝国CMS进阶

怎样给网站/博客添加年味十足的灯笼特效？帝国cms短信宝接口点击发送验证码没反应帝国cms怎样开发会员扣除积分置顶？帝国cms开发回复留言后邮件通知的功能帝国cms访问所有php页面都是404的原因帝国CMS怎样高效快速的做猜你喜欢的随机调用功能？帝国CMS重置清空/信息并让ID从1开始帝国cms怎样做下载日、周、月排行功能？帝国cms删除文章时不删除该文章所属的附件帝国cms怎样判断会员是否登录的状态？帝国CMS怎样清空管理员操作日志？帝国CMS提示登录超时，怎样删除或设置超时时间？帝国cms的fetch()和fetch1()有什么区别？帝国cms列表页list.var怎样插入随机广告？ textarea带换行存入mysql数据库的方案（php/js） JS获取指定URL参数帝国CMS城市分站插件下载帝国cms中的tag标签怎样以中文url的形式展示帝国CMS留言板怎样增加字段？虚拟主机怎么安装帝国cms

导出教程下载word版教程

关于帝国CMS

帝国cms是一款功能极为强大的cms程序，性能强悍、安全性高，可轻松支持10万数据，高级开发人员可制作出能容纳千万数据量的网站，是国内最出色的开源cms程序之一，推荐企业用户使用。

当前最新版本为7.5，8.0版本即将上线，新版本的核心优化点在于多终端的适配。

帝国cms怎样将信息来源befrom外链转内链？

帝国cms生成效率低速度很慢怎么办？

帝国cms面包屑导航[!–newsnav–]修改方式大合集

推荐帝国CMS开发教程

帝国cms怎样将信息来源befrom外链转内链？ 很多技术分享型站点转载了外站不少信息，部分有素质的站长会展示信息来源并链...: 27 3851

帝国cms灵动标签怎样按字母调用信息？ 帝国cms灵动标签是可以按照字母调用信息的，通过按字母调动，可以在信息分类时...: 1 367

帝国cms安装报错fatal error:require():Failed opening required ../class/EmpireCMS_version.php(include_path=. 帝国CMS安装报错 fatal error:require():Failed opening required ../clas...: 1 635

帝国cms怎样在发布文章后自动生成目录 文章如果带有目录，可以让用户在浏览文章时对文章结构一目了然，对于用户体验提...: 9 1470

帝国cms怎样防止垃圾留言？ 帝国cms留言板使用比较广泛，但如果不做合理配置，则会出现被垃圾留言刷屏的情...: 1 588

帝国cms自动更新相关tag的fclast上次修改时间字段 每次更新发布文章tag信息后，tag数据表的时间会自动同步，但tag信息表的修改时...: 0 369

填坑笔记：帝国cms栏目部分页面无法访问的原因与解决办法 在网站开发的过程中，我们可能因为这样那样的问题遇到无数的出错。有可能是代...: 0 385

帝国cms判断图片是否带域名，无域名则补全域名 那么，我们要怎样在图片路径不完善的时候正常在手机端显示图片呢?...: 0 410

推荐插件

帝国CMS内网用户静态站点文章访客统计插件 本插件适用于内网用户，可查看单篇文章访问者ip地址。如果添加访问者ip组，可查...: 0 463

帝国cms在线考试系统模板插件 一直没看到好用的帝国cms在线考试插件，所以自己开发了一款。在线考试插件用...: 0 1183

帝国cms百度AI黑白图像上色api接口对接插件 百度开放了系列AI功能api如图像上色、图像去雾、图像修复、无损放大、清晰...: 0 331

帝国cms多栏目多数据表自动审核推送插件 本插件基于帝国cms帝国cms每日自动审核插件，在自动审核指定条数信息的基础上...: 0 804

帝国cms自动给正文关键词添加tag内链 帝国cms有自带的给关键词添加内链功能，但需要手动添加关键词，容易出现疏漏和...: 0 679

帝国cms网站会员登录与退出历史记录日志插件 帝国cms默认只有上次登录时间与ip，没有一个记录清单，所以今天，我们分享这个帝...: 0 284

帝国cms百度、必应bing、神马推送增强收录三合一插件 因客户需要一键推送到多平台，下载鸥开发了这款一键推送至百度、必应、神马插...: 0 41

帝国cms联想词搜索高级搜索插件下载 帝国CMS自带的搜索功能虽然强大，但也有很强的局限性 -- 必须关键词完全匹配...: 0 633