//GNB
var $top = $('#top');
		$gnbLi = $('#gnb > li'),
		gnbSpd = 200;

function gnbPc(){
	$gnbLi.on('mouseenter.gnbpc',function(){
		$(this).children('ul').show();
		$(this).siblings().children('ul').hide();
		$top.stop().animate({'height':120},gnbSpd);
	});

	$top.on('mouseleave.gnbpc',function(){
		$gnbLi.children('ul').hide();
		$top.stop().animate({'height':108},gnbSpd);
	});
}
function gnbMobile(){
	$gnbLi.off('.gnbpc');
	$top.off('.gnbpc');
}


//리사이즈 이벤트
var $win = $(window),
		winWidth = $win.width();
function main(){
	winWidth = $win.width();
	if(winWidth > 769){
		gnbPc();
	}else{
		gnbMobile();
	}
};
main();

$win.resize(function(){;
	main();
})

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

퍼포먼스 향상을 위한 jQuery  (0) 2015.06.03
폼값 실시간 체크 후 클래스 추가 제거  (0) 2015.04.23
시작페이지 스크립트  (0) 2015.04.09
반응형 이미지맵  (0) 2015.04.08
글자수 체크 및 제한  (0) 2015.03.30