怎样用javascript实现.象点击ie查看->文字大小->最大,较大,中,较小,最小 实现的功能.

<a href="#" onClick="Zoom.style.fontSize='24px';" class="hei12"><font color="FFFD68">大</font></a> 
<a href="#" onClick="Zoom.style.fontSize='16px';" class="hei12"><font color="FFFD68">中</font></a> 
<a href="#" onClick="Zoom.style.fontSize='12px';" class="hei12"><font color="FFFD68">小</font></a><font id="Zoom">               
<P>&nbsp;&nbsp;&nbsp; 
以前只知道美国有一种无人驾驶侦察攻击机叫“捕食者”，也曾听说其曾经在阿富汗大显身手，一举毙杀阿提夫和众多塔利班武装分子。不久前伊拉克战场上传来美军炸死扎卡维的消息，才知道美国内华达沙漠中，有一支美国空军特种部队的小分队官兵一直在执行高度保密的作战任务，而“捕食者”无人驾驶飞机原来就是他们的武器。对于这个小分队，世人却仍不识其庐山真面目。 </font>

解决方案 »

  1.   

    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <script type="text/javascript">
    function f(v){
    if (!v) return false
    if (!document.styleSheets.length) (document.body || document).appendChild(document.createElement("style"))
    if (document.all) return document.styleSheets[0].addRule("*", "font-size:"+v)     //ie 
    document.styleSheets[0].insertRule("*{font-size:"+v+"}",document.styleSheets[0].cssRules.length) //firefox
    }
    </script>
    </head>
    <body>
    <select onchange=f(this.value)>
    <option value="">请选择字体大小....</option>
    <option value="9px">小</option>
    <option value="13px">中</option>
    <option value="17px">大</option>
    <option value="21px">特大</option>
    </select><br><br><br><br><p>p中的一些文字</p>
    <div>div中的一些文字</div>
    <span>span中的一些文字</span>
    <input value="input中的一些文字">
    <table border="1"><tr><td>td中的一些文字</td></tr></table>
    <button>button上的一些文字</button></body>
    </html>
      

  2.   

    <script language="javascript" type="text/javascript">

    function enlarge()
    {
    var pframe = document.getElementById("pframe");
    var fsize = pframe.style.fontSize;
    var fvalue = fsize.substr(-1, fsize.length-2);
    pframe.style.fontSize = parseInt(fvalue)+2+'pt'; } function sharnk()
    {
    var pframe = document.getElementById("pframe");
    var fsize = pframe.style.fontSize;
    var fvalue = fsize.substr(-1, fsize.length-2);
    if ((parseInt(fvalue)-2) < 10)
    {
    alert('It will be too small to difficult to see!!');
    return false;
    }
    pframe.style.fontSize = parseInt(fvalue)-2+'pt';
    }</script>
    </HEAD><BODY>
    <button onclick="enlarge();return true;"> + </button><button onclick="sharnk();return true;"> - </button>
    <div id="pframe" style="font-size:10pt;">
    asdfasdfasdfasdfasdfasdfasdfadfasdfasdfasdfasdf
    asdfasdfasdfasdfasdfasdfasdfadfasdfasdfasdfasdf
    asdfasdfasdfasdfasdfasdfasdfadfasdfasdfasdfasdf
    asdfasdfasdfasdfasdfasdfasdfadfasdfasdfasdfasdf
    asdfasdfasdfasdfasdfasdfasdfadfasdfasdfasdfasdf
    asdfasdfasdfasdfasdfasdfasdfadfasdfasdfasdfasdf
    asdfasdfasdfasdfasdfasdfasdfadfasdfasdfasdfasdf
    asdfasdfasdfasdfasdfasdfasdfadfasdfasdfasdfasdf
    asdfasdfasdfasdfasdfasdfasdfadfasdfasdfasdfasdf
    asdfasdfasdfasdfasdfasdfasdfadfasdfasdfasdfasdf
    asdfasdfasdfasdfasdfasdfasdfadfasdfasdfasdfasdf
    asdfasdfasdfasdfasdfasdfasdfadfasdfasdfasdfasdf
    asdfasdfasdfasdfasdfasdfasdfadfasdfasdfasdfasdf
    asdfasdfasdfasdfasdfasdfasdfadfasdfasdfasdfasdf
    asdfasdfasdfasdfasdfasdfasdfadfasdfasdfasdfasdf
    asdfasdfasdfasdfasdfasdfasdfadfasdfasdfasdfasdf
    asdfasdfasdfasdfasdfasdfasdfadfasdfasdfasdfasdf
    </div>
    </BODY>
    </HTML>