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

1 521 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二次开发用PHP来替换newsnav功能帝国cms怎样将一二三级置顶改为首页栏目置顶等其他名字？怎样用帝国CMS开发小说系统帝国CMS简介字段过滤html标签函数帝国cms怎样让不同的会员组浏览不同的内容？虚拟主机怎么安装帝国cms 帝国CMS搜索表单怎么做？帝国cms简单的网址过滤函数帝国cms小bug：后台复制信息导致tag不入库的弊端与解决方案帝国CMS自带的egetip()获取用户IP函数介绍 JQuery判断图片是否有alt属性，没有则自动添加帝国cms怎样给文章阅读量增加随机数？ jQuery/JS 360度旋转轮播插件下载帝国cms调用我的好友头像帝国CMS调用当天发布的信息帝国cms怎么查看是哪个版本帝国CMS复选项输出函数echocheckbox是怎么用的？怎样去掉帝国cms简介截取字符出现的html代码？

导出教程下载word版教程

关于帝国CMS

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

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

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

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

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

推荐帝国CMS开发教程

帝国CMS的下载地址怎样设置点击进入下载页而不弹小窗口 帝国cms默认的下载地址是点击后弹窗一个小窗口，用户体验度并不好，但我们可以...: 13 808

帝国CMS怎样让一条信息具有多个模板？ 帝国CMS的信息是绑定内容模板的，通过本教程可以实现在前台自由使用不同的模...: 17 680

帝国cms怎样展示会员总数与最新注册的会员名称？ 如果网站会员数量较多，展示会员总数与最新注册会员名可以有效提升用户留存。...: 3 457

帝国cms搜索结果关键词标红怎么实现？ 帝国cms7.5默认是有关键词标红功能的，但一些站使用了二开版本的搜索结果支持...: 3 468

帝国cms一级栏目一直显示本栏目暂无新增信息怎么办？ 今天有客户联系鸥哥，说网站一级栏目下有4个子栏目，每个子栏目都是有信息的，但...: 1 409

帝国cms怎样批量删除上万篇文章/指定会员/时间段发布的信息？ 在网站运营过程中，我们可能因为这样那样的原因需要批量删除大批文章信息，几十...: 1 1269

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

帝国cms彩色tag标签样式分享 帝国cms标签列表如果做死板的展示可能不大好看，如果能增加一些色彩，无疑会让...: 0 484

推荐插件

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

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

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

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

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

帝国cms智能自动审核按星期几审核指定栏目带推送插件 采集站的必备资源是自动审核，要做到日收录也离不开定时发布。而本插件的自动...: 0 1347

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

帝国cms百度AI图像清晰度增强api接口对接插件 通过本插件，可以实现帝国cms网站对接百度云api实现图像清晰度增强的功能。经...: 0 563