前端开发 内容:6

JS网站文章页点击改变字号大小方法

  • 查看作者
  • 现在很多网站都开始提高用户阅读文章提供了点击字号改变字体大小选择功能,适配不同年龄人群阅读需求。

    js

    function FontZoom(fsize){
            var ctext = document.getElementById("contents");
            ctext.style.fontSize = fsize +"px";
    }

    适配

    <div id="contents">内容部分</div>

    PS:改变字体大小内容区域加上:id="contents"

    html

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

    PS:数字16,14,12为字号大小

    请登录之后再进行评论

    登录
    最新评论