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

1 447 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怎样关闭不需要的系统模型和栏目投稿功能？ JS/JQuery商品图片放大镜插件源码帝国cms封面模板怎样调用栏目别名做标题帝国CMS系统扩展变量怎样用？ js输入页码并跳转到指定分页怎么做？帝国cms智能自动审核按星期几审核指定栏目带推送插件帝国cms结合项提示您来自的链接不存在是什么原因？帝国CMS会员地址收藏夹地址错误举报地址怎样调用？帝国CMS二次开发给tags增加封面图片帝国CMS勾选使用程序代码$listtemp怎么用？帝国cms二次开发官方文档案例下载网站数据安全：JS开发跑马灯防盗防录屏功能列表页调用当前信息TAGS标签帝国CMS灵动标签调用栏目并当前高亮帝国cms后台信息列表标题显示不完怎么办？帝国cms列表分页函数在哪里帝国CMS变量过滤函数介绍帝国CMS二次开发会员登陆（签到）赠送积分帝国CMS JS手机跳转PC代码 JS监听addEventListener无效Cannot read property addEventListener of null是什么原因

导出教程下载word版教程

关于帝国CMS

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

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

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

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

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

推荐帝国CMS开发教程

帝国CMS内容页点赞功能怎么用？ 网站的点赞代表用户对网站内容的认可，点赞数越高代表质量越高，对于提升用户体...: 8 708

帝国cms博客怎样将发布时间设置为秒/分钟/小时/天/个月前？ 最近发现想要用帝国CMS开发博客的客户越来越多，但帝国cms本身更多的是支持企...: 7 895

帝国cm后台权限检测判断代码大全 帝国cm后台权限检测判断代码大全，包括信息管理、栏目管理、模板管理、用户面...: 13 669

帝国CMS怎样在栏目文章列表中间插入一条新数据到指定位置？ 有客户的小说站在发布完一篇小说后，发现遗漏了一章。此时如果新增一章必然是...: 14 946

帝国cms碎片功能使用详解 帝国CMS提供了强大的碎片功能，其位置位于【栏目】-》【碎片管理】-》【管理...: 0 386

帝国CMS提示信息函数printerror()怎么用？ 我们知道js有alert属性可用于弹窗提示，但比较难看。帝国cms的弹窗提示虽然同...: 0 416

帝国cms怎样关闭评论验证码？ 帝国cms网站评论验证码是一个很重要的功能，有验证码才能挡住大量的灌水信息...: 0 354

帝国cms怎样分享到微信好友、朋友圈带图片与简介 微信作为我们的国民app流量很大，简单的js分享往往只有一个二维码或者链接，但...: 8 396

推荐插件

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

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

帝国cms自动生成文章新闻目录插件下载 用户体验是我们的需求，百度蜘蛛的认可更是我们的需求。毕竟，没有收录排名，何来...: 0 1043

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

帝国cms百度文字识别ocr接口对接插件 许多网站会做一些小功能小插件给客户使用以增强用户黏性，比如图片转文字，这种...: 0 411

帝国cms访问统计ip地址链接与封禁插件下载 下载鸥开发了这款帝国cms封禁ip插件，自动记录访问情况，让我们可以更快的识别...: 0 935

帝国cms百度AI图像无损放大api接口对接插件 通过本插件，可以实现帝国cms网站对接百度云api实现图像无损放大的功能。经过...: 0 389

帝国cms百度AI图像去雾api接口对接插件 通过本插件，可以实现帝国cms网站对接百度云api实现图像去雾的功能。经过实际...: 0 415