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

1 504 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没有标题图时怎样调用随机图片做缩略图？ JS判断访问域名并跳转帝国CMS二次开发产品或文章浏览记录函数帝国cms调用我的好友头像怎样防止帝国cms广告被广告插件屏蔽？帝国cms运算符验证码插件下载帝国CMS城市分站插件下载帝国CMS二次开发静态页面生成为压缩代码帝国cms父栏目数据为空怎么办？帝国cms百度文字识别ocr接口对接插件帝国cms自动更新相关tag的fclast上次修改时间字段网站禁止右键和复制JS代码帝国调用好友动态信息帝国CMS怎样获取父栏目、父父栏目、父父父栏目id与栏目名？帝国CMS会员地址收藏夹地址错误举报地址怎样调用？帝国cms智能自动审核按星期几审核指定栏目带推送插件帝国CMS二次开发会员空间增加最近访客帝国备份王安装方法

导出教程下载word版教程

关于帝国CMS

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

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

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

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

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

推荐帝国CMS开发教程

帝国CMS创建新栏目乱码怎么办？ 经常会有用户朋友反馈说新建的栏目页面怎么不对，或者说新建栏目怎么乱码了？总...: 15 788

帝国CMS点击指定图片放大功能怎么做(jQuery) 对于存在大图的站点而言，不能将图片放大无疑是一种功能上的缺陷。那么，帝国CM...: 8 1472

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

帝国cms开发json数据接口调用栏目信息 json数据由于其高效、强兼容性的特质受到许多开发者的青睐，帝国cms开发一个...: 0 597

帝国CMS怎样验证后台发布信息标题是否重复？ 想要在帝国cms后台禁止发布标题相同的信息，或是在发布信息时验证一下标题是...: 2 717

帝国cms多站点跨库调用 一台服务器如果存在多个站点，则这些站点的数据可以互相调用。通过互相调用，我...: 0 459

帝国cms怎样开通在线QQ客服无好友聊天 QQ客服是很多帝国cms网站的在线客服方案，开通QQ客服没有门槛，而且接收信息方...: 0 585

帝国cms网站怎样判断是动态、静态还是伪静态？ 对于资深一点的站长或者SEO来说，一定会经常听到动态、静态、伪静态这类的词...: 0 640

推荐插件

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

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

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

帝国cms批量添加后台用户插件 使用帝国cms的企业用户、新闻资讯类站点的用户很多，此类站点很多时候需要有...: 0 801

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

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

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

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