现在需要将蓝色字体中的字体大小进行放大或缩小的功能,其实只需要将字体包裹在一个div中,并且设置id 和 默认样式style=”font-size: 17px;”,
<div id="the_content" class="article-content" style="font-size: 17px;"><p>如今,一个员工平均每天“发送+收到”122封电子邮件,平均每月参加62场会议。在这样的环境中,你的上司或人力资源主管可能根本没有时间和精力,来充分挖掘你的潜力、考虑你的才华。所以,我们需要自我掌控职业生涯规划,从而确保自己的事业得到长远的发展。</p></div>
通过点击”-“,”+”
<a class="bianjir_1" target="_self" href="javascript:void(0);" onclick="zoom_()">-</a>
<a class="bianjir_2" target="_self" href="javascript:void(0);" onclick="zoom()">+</a>
按钮来调用js
<script type="text/javascript">function zoom(){try{var s=document.getElementById("the_content").style.fontSize;var size=parseInt(s)+1;document.getElementById("the_content").style.fontSize=size+"px";}catch(e){}}function zoom_(){try{var s=document.getElementById("the_content").style.fontSize;var size=parseInt(s)-1;document.getElementById("the_content").style.fontSize=size+"px";}catch(e){}}</script>