内容页点击改变字号大小的方法(通用前端)内容页点击改变字号大小的方法(通用前端)

生命不息,
折腾不止!

内容页点击改变字号大小的方法(通用前端)

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

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 就是字号的大小,可以修改为你想要的数字。

赞() 打赏
未经允许不得转载:我的博客 » 内容页点击改变字号大小的方法(通用前端)
分享到: 更多 (0)

评论 4

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #1

    这是评论测试

    DUX主题小秘7个月前 (09-17)回复
    • 飞歌导航东方红烦得很

      themebetter主题小秘3周前 (04-08)回复
  2. #2

    这是新的一条评论

    DUX主题小秘7个月前 (09-17)回复
  3. #3

    未来一年,中国的移动支付市场会是什么样?

    DUX主题小秘7个月前 (09-17)回复

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

大前端WP主题 更专业 更方便

联系我们 联系我们