字体效果 [ 大 中 小 ]

       解决字体效果变化两种方法,第一种方法是通过JavaScript实现,第二种方法是利用css控制,通过点击事件实现的,这两种方法都很实用.
方法一:
  <script   language="JavaScript">   
  <!-- 
  function   doZoom(size){ 
  document.getElementById('zoom').style.fontSize=size+'px' 
  } 
  //   --> 
  </SCRIPT> 

<a   href="javascript:doZoom(20)">大</a>
<a   href="javascript:doZoom(14)">中</a>
<a   href="javascript:doZoom(12)">小</a>
<div   id="zoom">
    <span>凌玲窝字体效果展示</span>
</div>

方法二:

<style type="text/css">
.b{font-size:20px;} 
.m{font-size:14px;}
.s{font-size:12px;} 
</style>

<a   href="#"   onclick="document.all.zoom.className='b'">大</a> 
<a   href="#"   onclick="document.all.zoom.className='m'">中</a> 
<a   href="#"   onclick="document.all.zoom.className='s'">小</a>
<div    id="zoom"   class= "m">
    <span>凌玲窝字体效果展示</span>
</div>