用javascript设置文章的字体大小为[大 中 小]的办法!

有时候看见一些新闻的网页上面有几个可以调整网页内容字体大小的按钮,如:大,中,小,正好要用到


<script type="text/javascript">
          
//设置字体 by hk 2007-3-9
          function SetFont(size)
          {
              
var divBody = document.getElementById("news_content");
              
if(!divBody)
              {
                  
return;
              }
              divBody.style.fontSize 
= size + "px";
              
var divChildBody = divBody.childNodes;
              
for(var i = 0; i < divChildBody.length; i++)
              {
                  
if (divChildBody[i].nodeType==1)
                  {
                      divChildBody[i].style.fontSize 
= size + "px";
                  }
              }
          }
 
</script>

 

调用的地方:

<div class="newsOpera" id="">
    【字号:
<href="javascript:SetFont(16)"></a> <href="javascript:SetFont(14)"></a> <href="javascript:SetFont(12)"></a>】 【我要打印】
</div>
<div id="news_content">
     你看我的大小变了没??呵呵
</div>
posted @ 2010-07-19 11:22  瑞君  Views(668)  Comments(0Edit  收藏  举报