http://jsfiddle.net/cosmosjs/9PAsq/
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | var count = $('.tab_btn li').length;//탭이 몇개인지 계산 idx = Math.floor(Math.random() * count);//랜덤숫자 출력 changeTab(idx);//페이지로드시 초기 탭교체 //탭클릭시 $('.tab_btn li').click(function(){ idx = $(this).index(); changeTab(idx); }); //탭교체 함수 function changeTab(idx) { $('.tab_btn li[class=selected]').removeClass('selected');//선택표시를 제거 $('.tab_btn li').eq(idx).addClass('selected');//새로운 탭에 선택표시 추가 $('.tab_con div').fadeOut();//기존 탭내용 제거 $('#c'+(idx+1)).fadeIn();//새로운 탭 내용 보이기 $('.tab_con').css('height',$('#c'+(idx+1)).height()+40+'px');//콘텐츠 박스 크기를 재설정 } | cs |
'개발' 카테고리의 다른 글
[javascript] 따라다니는 메뉴 (0) | 2015.12.07 |
---|---|
[javascript] radio 유효성 체크 (0) | 2015.12.04 |
[javascript] 화면크기구하기 (0) | 2015.08.17 |
[javascript] 셀병합, rowspan (0) | 2015.07.22 |
[javascript] 페이지 이동 (0) | 2015.07.22 |