<div class="htmlarea"> <textarea id="runcode3767"> <title>大、中、小のフォントを実装する別の方法</title> <style type="text/css"> <!-- body {font-size:14px} --> </style> <div class="fontSize" id="fs12" style="DISPLAY: none"> <a href="javascript:doZoom(16)"></a>大<a href="javascript:doZoom(14)"> </a>中<span> </span>小</div> <div class="fontSize" id="fs14"> <a href="javascript:doZoom(16)"></a>大<span> </span>中<a href="javascript:doZoom(12)"> </a>小</div> <div class="fontSize" id="fs16" style="DISPLAY: none"> <span></span>大<a href="javascript:doZoom(14)"> </a>中<a href="javascript:doZoom(12)"> </a>小</div> <div id="contentText"> </div>私はあなたのバラです </textarea> <br><input onclick="runEx('runcode3767')" type="button" value="运行代码"><input onclick="doCopy('runcode3767')" type="button" value="复制代码"> <input onclick="doSave(runcode3767)" type="button" value="保存代码"> <a href="http://www.jb51.net/article/23421.htm" title="查看具体详情" target="_blank">[Ctrl A すべて選択 注: </a>外部 Js を導入する必要がある場合は、</div> を実行するために更新する必要があります]<script type="text/javascript"> function $(xixi) { return document.getElementById(xixi); } //转换字号 function doZoom(size){ if(size==12){ $("contentText").style.fontSize = size + "px"; $("fs12").style.display = ""; $("fs14").style.display = "none"; $("fs16").style.display = "none"; } if(size==14){ $("contentText").style.fontSize = size + "px"; $("fs12").style.display = "none"; $("fs14").style.display = ""; $("fs16").style.display = "none"; } if(size==16){ $("contentText").style.fontSize = size + "px"; $("fs12").style.display = "none"; $("fs14").style.display = "none"; $("fs16").style.display = ""; } } </script>