时间：2021-07-01 10:21:17 帮助过：19人阅读
小编查阅了相关文章，为大家整理了几个小案例，供大家参考，具体内容如下
效果图：
点击大、小按钮，随时切换字体大小
具体代码：
使用js如果改变一篇文章字体的大小
再为大家分享一栗子：
这个工作原理很简单，就是在触发事件的时候将文章的字号改变，更直白一些就是改变font-size这个属性的值（jQuery版本1.7.2）
HTML
放大 缩小 默认这里是一些文字
CSS
.box{text-align:center;}
.ctrl{padding:50px 0px 0px 0px;background:#f4f4f4;font-size:0px;border-bottom:3px solid #333;}
.ctrl a{display:inline-block;width:50px;height:30px;line-height:30px;background:#333;color:#fff;font-size:14px;}
.ctrl a:hover{background:#444;color:#fff;font-weight:700;text-decoration:none;}
.cont{padding-top:50px;font-size:14px;}
JS
希望本文所述对大家学习javascript程序设计有所帮助。