JAVASCRIPT

[Javascript] div 기능

0hee 2008. 11. 14. 17:57

<script language="javascript">
 function show_leemocon(size){ //show_leemocon를 선언
  var d1 = document.getElementById("size1"); // 탭1
  var d2 = document.getElementById("size2"); // 탭2
  var d3 = document.getElementById("size3"); // 탭3
  d1.style.display = "none";
  d2.style.display = "none";
 
d3.style.display = "none";

  switch(size){
   case 1:
    d1.style.display = "";
    break;
   case 2:
    d2.style.display = "";
    break;
   case 3:
    d3.style.display = "";
    break;

  }
 }
</script>


<div id="size1" style="display:">
탭1&nbsp;ㅣ&nbsp;
<a onClick="show_leemocon(2);" style="cursor:hand">탭2</a>&nbsp;ㅣ
<a onClick="show_leemocon(3);" style="cursor:hand">탭3</a>
</div>

<div id="size2" style="display:none;">
<a onClick="show_leemocon(1);" style="cursor:hand">탭1</a>&nbsp;ㅣ
탭2&nbsp;ㅣ&nbsp;
<a onClick="show_leemocon(3);" style="cursor:hand">탭3</a>
</div>

<div id="size3" style="display:none;">
<a onClick="show_leemocon(1);" style="cursor:hand">탭1</a>&nbsp;ㅣ
<a onClick="show_leemocon(2);" style="cursor:hand">탭2</a>
탭3&nbsp;ㅣ&nbsp;
</div