✈jquery hover function 사용 예

제이쿼리 이벤트 중에서 꽤 흔하게 사용되는 이벤트 메소드가 바로 hover다.

특정 엘러먼트 위에 마우스가 위치하거나 벗어났을 때의 이벤트를 정의한다.

자바스크립트의 mouseenter, mouserover를 한 번에 제어할 수 있다.

CSS의 :hover 선택자를 이용한 것과 같은 이벤트를 타기 때문에, 키보드로 앵커에 위치했을 때는 동작하지 않는다.

jquery hover function 사용 예

$(document).ready(function(){
	
	//2depth menu showing when menu is collapsed
	var hoverMenu = $('.lnb .lnb1depth >li');
	hoverMenu.hover(
		function () {
			var menuInitH = $('#menuInit').attr("value");
			if (menuInitH == 0 ){
				$('#menuLayer').html($(this).html());
				$('#menuLayer .lnb2depth').show();
				$('#menuLayer').show();
			}
		},
		function () {
			var menuInitH = $('#menuInit').attr("value");
			if (menuInitH == 0 ){
			}
		}
	);
});