'탭'에 해당되는 글 1건

  1. 2008.12.10 onmouseover로 탭 활성화


  <script type="text/javascript">
   function tab_chk(dotabid, num){
     var inum=parseInt(num)-1;
     var linkTab=dEI(dotabid).getElementsByTagName("a");
     for (i=0;i<linkTab.length;i++) {
      var tabimg = linkTab.item(i).getElementsByTagName("img").item(0);
      var  tabContents= dEI(dotabid+(1+i));
      if (i==inum) {
       if(tabContents.style.display!="block"){
        tabimg.src=tabimg.src.replace(".gif", "on.gif");
        tabContents.style.display="block";
       }
     }else{
      tabimg.src=tabimg.src.replace("on.gif", ".gif");
      tabContents.style.display="none";
     }
    }
   }

   function tab_over(dotabid, num) {
    for (var i=1;i<=3;i++)
    {
     if(i == num)
     {
      document.getElementById(dotabid + "_image" + i).src = document.getElementById(dotabid + "_image" + i).src.replace(".gif", "_on.gif");
      document.getElementById(dotabid + i).style.display = 'block';
     }
     else
     {
      document.getElementById(dotabid + "_image" + i).src = document.getElementById(dotabid + "_image" + i).src.replace("_on.gif", ".gif");
      document.getElementById(dotabid + i).style.display = 'none';
     }
    }
   }
  </script>


      <img src="../images/main/tab1.gif" id="tab_Image1" alt="교육tip" width="107" height="26" onmouseover="javascript:tab_over('tab', 1);" />
      <img src="../images/main/tab2.gif" id="tab_Image2" width="115" height="26" onmouseover="javascript:tab_over('tab', 2);" border="0" id="Image45" /></a>
      <img src="../images/main/tab3.gif" id="tab_Image3" width="114" height="26" onmouseover="javascript:tab_over('tab', 3);" border="0" id="Image46" /></a>


<div id="tab1"></div>
<div id="tab2"></div>
<div id="tab3"></div>
Posted by 철냄비짱
,