当前位置: 首页 > cms教程

帝国CMS内容页模板点击改变正文字体大小的js代码和方法

时间:2026-01-31 14:06:06

通过一段简单的js代码来实现用户点击网页上的字体大小选择适当的字体来浏览网页内容,让用户体验更佳。
改变内容页字号大小的方法有很多种,下面讲一个简单的JS代码实现功能的。

首先在内容模板的头部<head></head>里加入下面的代码:

<scripttype="text/javascript">functionFontZoom(fsize){varctext=document.getElementById("news");ctext.style.fontSize=fsize+"px";}</script>定制框架把你想要改变字体大小的内容部分加上id名。如: <div id="news">[!--newstext--]</div>

在适当位置放控制按钮方便用户点击代码:

字体:【<ahref='_javascript:FontZoom(16)'>大</a><ahref='_javascript:FontZoom(14)'>中</a><ahref='_javascript:FontZoom(12)'>小</a>】16,14,12就是字号的大小,可以根据实际情况修改为自己所要展示的字号大小。

猜您喜欢的源码利用jQuery实现点击阅读全文查看文章代码

利用jQuery实现 点击阅读 全文查看 文章代码。利用jQuery实现点击阅读全文查看文章代码



上一篇:帝国CMS调用会员信息总结
下一篇:帝国CMS自动刷新首页的方法
代码 内容 字号
  • 英特尔与 Vertiv 合作开发液冷 AI 处理器
  • 英特尔第五代 Xeon CPU 来了:详细信息和行业反应
  • 由于云计算放缓引发扩张担忧,甲骨文股价暴跌
  • Web开发状况报告详细介绍可组合架构的优点
  • 如何使用 PowerShell 的 Get-Date Cmdlet 创建时间戳
  • 美光在数据中心需求增长后给出了强有力的预测
  • 2027服务器市场价值将接近1960亿美元
  • 生成式人工智能的下一步是什么?
  • 分享在外部存储上安装Ubuntu的5种方法技巧
  • 全球数据中心发展的关键考虑因素
  • 英特尔与 Vertiv 合作开发液冷 AI 处理器

    英特尔第五代 Xeon CPU 来了:详细信息和行业反应

    由于云计算放缓引发扩张担忧,甲骨文股价暴跌

    Web开发状况报告详细介绍可组合架构的优点

    如何使用 PowerShell 的 Get-Date Cmdlet 创建时间戳

    美光在数据中心需求增长后给出了强有力的预测

    2027服务器市场价值将接近1960亿美元

    生成式人工智能的下一步是什么?

    分享在外部存储上安装Ubuntu的5种方法技巧

    全球数据中心发展的关键考虑因素