帝国cms实现大中小号内容字体大小点击调整的方法

通过js代码来实现在内容页点击选择字体大小来方便不同的用户群体或者适应不同用户的分辨率

首先在头部head中加入js代码:

<script type="text/javascript">
function FontZoom(fsize){
        var ctext = document.getElementById("newstext");
        ctext.style.fontSize = fsize +"px";
}
</script>

再在内容调用的标签闭合中加上id值,比如: <div id="newstext">[!–newstext–]</div>

再在合适的位置加上点击代码:

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

其中上面代码中的数字是字体的大小,根据自己的需求进行合适的改变,一般默认就好了。

效果加上后点击查看。

本站所有文章、资源,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍、资源等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
源码志 » 帝国cms实现大中小号内容字体大小点击调整的方法