前端开发 内容:12

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为字号大小

    请登录之后再进行评论

    登录
    最新评论
    0U币
    已有743人浏览, 浏览收益0, 礼物收益0, 打赏收益0, 点赞收益0, 广告收益0, 获得总收益0U币
    也可开通会员全场文章免费看
    免费教程