帝国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日
  • HTML+CSS实现背景图片自适应浏览器大小教程
    10709阅读0条评论121个赞
    HTML中利用CSS实现背景图片自适应浏览器大小教程:通过CSS的`background-size`属性,可以轻松设置背景图片根据浏览器窗口大小自动调整。使用`background-size: cover;`让图片覆盖整个窗口并保持比例;或`background-size: contain;`确保图片完整显示且适应窗口。结合`background-position`调整图片位置,实现完美自适应效果。
  • PHP,人民币小写转大写汉字工具
    204阅读0条评论8个赞
    PHP实现人民币小写数字转大写汉字功能,准确转换,方便财务操作。简洁高效,提升数据可读性。避免人工转换错误,提升工作效率,适用于各类财务和金额处理场景。
  • 帝国CMS模板万能标签和灵动标签排序数字序号调用方法
    1874阅读0条评论17个赞
    帝国CMS模板标签排序调用,轻松实现数字序号输出。万能标签与灵动标签结合,精准控制数据展示。只需简单设置,即可实现高效、灵活的网页内容排序与展示。
  • 图片自适应浏览器窗口大小的JS实现教程
    1666阅读0条评论100个赞
    使用JavaScript实现图片自适应浏览器窗口大小的方法!教程简述:通过JavaScript监听窗口大小变化事件,动态调整图片尺寸以适应窗口。首先获取图片元素,然后编写函数根据当前窗口宽度计算新图片尺寸,最后添加事件监听器,在窗口大小改变时调用该函数。这样,无论用户如何调整浏览器窗口,图片都能完美适应,提升网页浏览体验。
  • jQuery原生实现图片大小调整与排列特效教程
    986阅读0条评论114个赞
    原生jQuery实现图片大小调整与排列特效教程:学习如何利用jQuery轻松调整网页中图片的尺寸和排列方式。本教程将指导你通过简单代码实现图片的动态布局调整,无论是响应式设计还是自定义排列,都能灵活应对。无需复杂插件,原生jQuery即可满足需求,提升网页视觉效果和用户体验。快速掌握技巧,让图片展示更加美观和专业。

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