스크립트 질문입니다. 채택완료

</p>

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

 <!--

function ShowTabex(val){

   for (i=0; i<3; i++) {

     var tb = document.getElementById('tab_' + i);

     if (i != val) tb.style.display = "none";

     else tb.style.display = "block";

   }

 }

 //-->

 </script></p>

<p>

<div style="text-align: right;">

   <div style="border: 1px solid rgb(204, 204, 204);">

   <span onclick="ShowTabex('0')" style="padding: 0pt 5px; cursor: pointer;">tab_0 보기</span>

   <span onclick="ShowTabex('1')" style="padding: 0pt 5px; cursor: pointer;">tab_1 보기</span>

   <span onclick="ShowTabex('2')" style="padding: 0pt 5px; cursor: pointer;">tab_2 보기</span>

   </div>

 </div>

 <div style="text-align: center;">

   <div id="tab_0" style="width: 100%; display: none;">

     tab_0의 내용입니다.

   </div>

   <div id="tab_1" style="width: 100%; display: none;">

     tab_1의 내용입니다.

   </div>

   <div id="tab_2" style="width: 100%; display: none;">

     tab_2의 내용입니다.

   </div>

 </div>

<div style=height:100px;background:#000></div></p>

<p>