<div id="dv">
 <ul>
  <li style="margin:0;" id="dv1" class="active" onclick="javascript:click_item('item_explan');chgOver(1)"><a href="#" class="screen_out">상품상세정보</a></li>
  <li id="dv2" onclick="javascript:click_item('item_use');chgOver(2)"><a href="#" class="screen_out">상품사용후기</a></li>
  <li id="dv3" onclick="javascript:click_item('item_qa');chgOver(3)"><a href="#" class="screen_out">상품문의</a></li>
  <li id="dv4" onclick="javascript:click_item('item_baesong');chgOver(4)"><a href="#" class="screen_out">배송/교환/반품</a></li>
  <div class="clear"></div>
 </ul>
</div>
<script language="JavaScript">
function chgOver(num) {
 for(i=1;i<5;i++) { 
  $("#dv"+i).removeClass("active");
 }
 $("#dv"+num).addClass("active");
}

</script>

'PROGRAM > JAVASCRIPT' 카테고리의 다른 글

onclick 링크 blank 로 사용하기  (0) 2013.12.06
열고 닫는 스크립트  (0) 2013.12.05
자동롤링 스크립트  (0) 2013.07.05
스크롤 되는 간단한 팝업 스크립트  (0) 2013.05.27
input 박스 글씨 사라지게  (0) 2013.05.16