개발

[javascript] 랜덤 메뉴

지승준 2015. 8. 17. 16:00

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