这种字体的单击效果怎么做？

页面中有：[大 中 小]三个，当我单击‘大’这个词时页面的字体就显示大字体；当我单击‘中’这个词时页面的字体就显示中型的字体；当我单击‘小’这个词时页面的字体就显示小字体。大家能告诉我这种效果javascript语言怎么写吗？望高手那么感我写一写啊！~非常感谢啊！~

解决方案 »

  1.   

    document.getElementById("div_id").style.fontSize = "20pt";<div id="div_id" style="font-size:10pt;">xxxxx</div>
      

  2.   

    <style>
    .Big{font-size:200px;}
    .Small{font-size:2px;}
    </style>
    <font onClick="this.className='Big'">Big</font>
    <font onClick="this.className='Small'">Small</font>
      

  3.   

    <style>
    body.Big{font-size:200px;}
    body.Small{font-size:20px;}
    </style>
    <body>
    <font onClick="body.className='Big'">Big</font>
    <font onClick="body.className='Small'">Small</font><br>
    c<br>
    s<br>
    d<br>
    c<br>
    </body>