下载鸥 > 网站下载 > 开发教程 > 帝国CMS

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

477 2021-04-22 00:36:14

收藏
帝国CMS内容页怎样用js实现点击改变字号大小?
许多帝国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

有帮助,很赞!

信息来源:下载鸥
导出教程 下载word版教程
发表评论 共有条评论
关于帝国CMS


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

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

推荐帝国CMS开发教程
帝国CMS开发的网站怎样修改网站标题关键词和描述?
帝国CMS开发的网站怎样修改网站标题关键词和描述?

在网站运营的过程中,由于业务的变更或是优化的需要,可能需要修改网站的标题,关...

1 511
帝国cms公共模板变量temp.header/temp.footer怎样在php代码中直接调用?
帝国cms公共模板变量temp.header/temp.footer怎样在php代码中直接调用?

在帝国cms二次开发过程中,我们经常需要调用模板的公共部位,也就是帝国cms的公...

0 615
帝国cms某个栏目使用完全自定义的分页功能
帝国cms某个栏目使用完全自定义的分页功能

帝国CMS列表页的分页函数是用系统设置中的分页函数,修改都是在系统设置里进...

0 894
Wordpress转为帝国cms将会出现的问题
Wordpress转为帝国cms将会出现的问题

帝国cms和Wordpress是完全不同的程序,其设计理念有着天壤之别。转换肯定会存...

3 728
织梦、帝国cms、Wordpress的区别/哪个更好?
织梦、帝国cms、Wordpress的区别/哪个更好?

织梦、帝国以及wordpress,国内建站领域占据最大份额的就是这3家公司了。但,他...

0 577
360蜘蛛抓取帝国cms后台目录威胁网站安全
360蜘蛛抓取帝国cms后台目录威胁网站安全

使用360极速浏览器已经很长时间,一直感觉用起来相当不错。一方面有chrome的...

0 561
填坑笔记:记录一次帝国cms栏目生成刷新无效的bug
填坑笔记:记录一次帝国cms栏目生成刷新无效的bug

帝国cms刷新栏目页后会自动生成全部栏目列表,但几天在处理客户站点时发现出...

1 417
栏目目录搭建的帝国cms网站怎样写伪静态规则?
栏目目录搭建的帝国cms网站怎样写伪静态规则?

如果用栏目搭建帝国cms站点,伪静态规则该怎么写呢?如果直接作用于根目录,可能...

1 549
推荐插件
帝国cms访问统计ip地址链接与封禁插件下载
帝国cms访问统计ip地址链接与封禁插件下载

下载鸥开发了这款帝国cms封禁ip插件,自动记录访问情况,让我们可以更快的识别...

0 969
帝国cms批量添加后台用户插件
帝国cms批量添加后台用户插件

使用帝国cms的企业用户、新闻资讯类站点的用户很多,此类站点很多时候需要有...

0 669
帝国cms智能自动审核按星期几审核指定栏目带推送插件
帝国cms智能自动审核按星期几审核指定栏目带推送插件

采集站的必备资源是自动审核,要做到日收录也离不开定时发布。而本插件的自动...

0 1258
帝国cms百度AI图像清晰度增强api接口对接插件
帝国cms百度AI图像清晰度增强api接口对接插件

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

0 492
帝国cms百度、必应bing、神马推送增强收录三合一插件
帝国cms百度、必应bing、神马推送增强收录三合一插件

因客户需要一键推送到多平台,下载鸥开发了这款一键推送至百度、必应、神马插...

0 140
帝国cms自动给正文关键词添加tag内链
帝国cms自动给正文关键词添加tag内链

帝国cms有自带的给关键词添加内链功能,但需要手动添加关键词,容易出现疏漏和...

0 799
帝国cms多栏目多数据表自动审核推送插件
帝国cms多栏目多数据表自动审核推送插件

本插件基于帝国cms帝国cms每日自动审核插件,在自动审核指定条数信息的基础上...

0 882
帝国cms网站会员登录与退出历史记录日志插件
帝国cms网站会员登录与退出历史记录日志插件

帝国cms默认只有上次登录时间与ip,没有一个记录清单,所以今天,我们分享这个帝...

0 352
客服QQ:341553759
扫码咨询 常见问题 >
官方交流群:90432500
点击加入