帝国CMS内容页,简易调整字号大小技巧(通用前端方法)

帝国CMS内容页,简易调整字号大小技巧(通用前端方法)

浏览次数:
作者: 墨鱼
信息来源: 本站原创
更新日期: 2017-11-26 14:02:14
文章简介

帝国CMS内容页轻松调整字号大小,提升阅读体验。通用前端技巧,点击即可放大或缩小文字,适应不同用户需求,让网页浏览更加便捷舒适。简单操作,轻松掌握。

  • 正文开始
  • 相关阅读
  • 推荐作品

内容页浏览内容可改变字号大小的方法 

 

以前有人发过这样的方法,我这里也来发一个。

 

1.在内容模板的头部里加入下面的代码:

 

<script type="text/javascript">

function FontZoom(fsize){

        var ctext = document.getElementById("contents");

        ctext.style.fontSize = fsize +"px";

}

</script>

 

2.把你想要改变字体大小的内容部分加上id名。如: <div id="contents">[!--newstext--]</div>

 

 

3.在你想要放控制按钮的地方放入下面的代码:

 

字体:【<a href='javascript:FontZoom(16)'>大</a> <a href='javascript:FontZoom(14)'>中</a> <a href='javascript:FontZoom(12)'>小</a>】

 

16,14,12就是字号的大小,可以修改为你想要的数字。

关联内容: 字号大小
表单内Select值传递给Textarea的标准JS写法实例
« 上一篇 2017年11月09日
防止重复提交,JS实现提交按钮自动置灰功能
下一篇 » 2017年12月13日
  • PHP,人民币小写转大写汉字工具
    204阅读0条评论8个赞
    PHP实现人民币小写数字转大写汉字功能,准确转换,方便财务操作。简洁高效,提升数据可读性。避免人工转换错误,提升工作效率,适用于各类财务和金额处理场景。
  • HTML+CSS实现背景图片自适应浏览器大小教程
    10709阅读0条评论121个赞
    HTML中利用CSS实现背景图片自适应浏览器大小教程:通过CSS的`background-size`属性,可以轻松设置背景图片根据浏览器窗口大小自动调整。使用`background-size: cover;`让图片覆盖整个窗口并保持比例;或`background-size: contain;`确保图片完整显示且适应窗口。结合`background-position`调整图片位置,实现完美自适应效果。
  • 帝国CMS模板万能标签和灵动标签排序数字序号调用方法
    1874阅读0条评论17个赞
    帝国CMS模板标签排序调用,轻松实现数字序号输出。万能标签与灵动标签结合,精准控制数据展示。只需简单设置,即可实现高效、灵活的网页内容排序与展示。
  • 帝国CMS小说模型构建与运用全攻略
    7498阅读1条评论76个赞
    帝国CMS小说模型创建教程与使用指南,详细解析小说模型的构建步骤,帮助您轻松搭建个性化小说平台。通过本教程,您将掌握模型创建技巧,提升网站运营效果,吸引更多读者关注。
  • 帝国CMS后台,生成含字母数字点卡卡密新方法
    369阅读0条评论4个赞
    帝国CMS后台可轻松生成点卡,卡号密码支持英文字母与数字组合,确保安全独特。用户可自定义生成规则,便捷高效。此项功能简化了点卡管理流程,提升了用户体验,是您的理想选择。

如本文对您有帮助,就请墨鱼抽根烟吧!