<div class="htmlarea"> <textarea id="runcode60142"> <title> 새 문서 </title> <style> td { font-family: 宋体; font-size: 9pt;} .ooib { border-width: 1px; border-style: none solid solid; border-color: #CC3333; background-color: #E4E5EE;} .ooih td { border-width: 1px; padding: 0 5; } .ooihj { color: #CC3333; background-color: #E4E5EE; border-style: solid solid none; border-color: #CC3333; cursor: hand} .ooihs { color: #6600CC; background-color: #ccccFF; border-style: solid; border-color: #6600CC #6600CC #CC3333; cursor: hand} .ooihx { border-style: none none solid; border-color: #CC3333; } </style> <table class="ooih" border="0" cellspacing="0" cellpadding="0" width="400" height="19"> <tr> <td class="ooihj" nowrap onmouseover="ghbq(this)">标签一</td> <td class="ooihs" nowrap onmouseover="ghbq(this)">标签二</td> <td class="ooihs" nowrap onmouseover="ghbq(this)">标签三</td> <td class="ooihs" nowrap onmouseover="ghbq(this)">标签四</td> <td class="ooihx" width="100%"> </td> </tr> </table> <table class="ooib" id="obody" border="0" cellspacing="0" cellpadding="0" width="400" height="300"> <tr> <td> 标签内容一 </td> </tr> <tr style="display: none"> <td> 标签内容二 </td> </tr> <tr style="display: none"> <td> 标签内容三 </td> </tr> <tr style="display: none"> <td> 标签内容四 </td> </tr> </table> </textarea> <br><input onclick="runEx('runcode60142')" type="button" value="运行代码"><input onclick="doCopy('runcode60142')" type="button" value="复制代码"> <input onclick="doSave(runcode60142)" type="button" value="保存代码"> <a href="http://www.jb51.net/article/23421.htm" title="查看具体详情" target="_blank">[Ctrl A 모두 선택 참고: </a>외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다 </div>]<script language="JavaScript"> function ghbq(td) { var tr = td.parentElement.cells; var ob = obody.rows; for(var ii=0; ii<tr.length-1; ii++) { tr[ii].className = (td.cellIndex==ii)?"ooihj":"ooihs"; ob[ii].style.display = (td.cellIndex==ii)?"block":"none"; } } </script>