帝国CMS内容页模板点击改变正文字体大小的js代码和方法
发布时间:2021-01-21作者:帝国建站网
通过一段简单的js代码来实现用户点击网页上的字体大小选择适当的字体来浏览网页内容,让用户体验更佳。
改变内容页字号大小的方法有很多种,下面讲一个简单的JS代码实现功能的。
首先在内容模板的头部<head></head>里加入下面的代码:
<script type="text/javascript"> function FontZoom(fsize){ var ctext = document.getElementById("news"); ctext.style.fontSize = fsize +"px"; } </script>
定制框架把你想要改变字体大小的内容部分加上id名。如: <div id="news">[!--newstext--]</div>
在适当位置放控制按钮方便用户点击代码如下:
字体:【<a href='_javascript:FontZoom(16)'>大</a> <a href='_javascript:FontZoom(14)'>中</a> <a href='_javascript:FontZoom(12)'>小</a>】
16,14,12就是字号的大小,可以根据实际情况修改为自己所要展示的字号大小。
相关帝国教程
- 05-07帝国CMS二次开发会员中心调用评论列表
- 06-29帝国CMS内容页获取图集图片数量代码
- 04-24帝国CMS内容页模板过滤清理简介smalltext前后空格的方法!
- 12-30帝国cms模板内容页灵动标签调用当前栏目文章排除当前文章
- 05-18帝国CMS多终端手机版内容图片压缩
- 10-15给帝国官方CMS的前台友情链接申请插件增加个邮件提醒功能
- 09-29帝国CMS搜索模板不支持灵动标签和万能标签的解决方法
- 11-23帝国cms网站栏目ID怎么设置从0开始
- 07-31帝国CMS栏目ID+结合项伪静态
- 12-30帝国cms采集排除重复链接重复标题、内容为空的文章
- 08-01帝国CMS列表页调用随机数字
- 04-15帝国CMS模板前端判断PC/手机访问端跳转手机端代码
- 05-30帝国cms调用指定条件的信息使用方法
- 09-14帝国7.5二次开发整合discuzX3.2同时登陆退出
- 07-08帝国CMS文章自动提取简介后双引号显示成”的解决办法
- 09-05帝国CMS中[!--no.num--]标签的怎么用
- 08-05帝国CMS首页调用评论表信息内容 分别使用PHP以及灵动标签方式
- 07-04帝国CMS用灵动标签调用多表多模型文章信息
- 12-05帝国cms多表查询+多表标题链接的调用
- 06-20帝国CMS利用PHP判断当前页面是否为首页