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

1 555 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登陆报错INSERT command denied to user 'username'@'::1' for table 'phome_enewsloginfail' inser 帝国cms灵动标签怎样按字母调用信息？ phome_enewspl_set评论参数设置表栏目自定义字段ReturnClassAddField标签截取字数方法帝国cms怎样给广告增加排序？填坑笔记：帝国cms复选字段报错帝国cms怎样用自带的打印功能打印当前页面？帝国cms自定义字段伪静态链接地址帝国cms怎样用自定义列表/灵动标签调用当天发布的信息？帝国CMS新闻系统模型与文章系统模型的区别帝国cms封面模板怎样调用栏目别名做标题 JS搜索页面文字的简单Demo 畅言去广告JS本地文件方法帝国cms怎样调用随机栏目？帝国cms强制https / 跳转https的方法帝国cms怎样判断一个栏目有没有子栏目？(父栏目换位判断原创方案) 帝国cms中文简体/繁体切换js插件帝国cms伪静态文章接口show.php采用自定义名并禁止id访问 JS怎样添加网站右键菜单？帝国CMS怎样调用栏目自定义字段？

导出教程下载word版教程

关于帝国CMS

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

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

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

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

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

推荐帝国CMS开发教程

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

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

帝国cms百度推送插件怎样将http改成https 帝国cms百度推送插件流传十分广，但有些https站点却推送了http的链接，这无疑十...: 9 790

帝国CMS图片集怎样做分页生成？ 帝国cms图片集做轮播展示非常好用，但无法支持分页。分页作为网站跳出、广告...: 1 578

帝国CMS列表页面list.var怎样将年月日时间分开调用？ 很多时候，出于美观或者个性化的需求，我们需要将帝国cms的发布时间切割为年月...: 7 1010

帝国cms显示的发布时间与实际发布时间相差了8小时怎么办？ 有少量客户在使用帝国cms建站时发现一个问题：帝国cms显示的发布时间与真实的...: 0 510

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

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

推荐插件

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

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

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

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

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

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

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

帝国cms纳米数据接口（足球比赛中最新数据） 帝国cms 对接纳米数据（www.nami.com）接口，本接口主要接收、整理足球比赛实时数...: 0 581