javascript

$(document).ready(function(){
  // ******  메뉴  ****** //
  $('#mainMenu').mouseover(function(){
    $('.subMenuBG').css({
      left: '200px',
      opacity: '1',
      zIndex: '1',
    });
  }).mouseleave(function(){
    $('.subMenuBG').css({
      left: '220px',
      opacity: '0',
      zIndex: '-1'
    });
  });

  /* 메소드 설명
  mouseover() 메소드는 선택한 요소의 영역에서 마우스를 올렸을 때 이벤트가 발생됩니다.
  또는 선택한 요소에 mouseover() 이벤트를 강제로 발생시킬 때 사용합니다.

  기본형 : mouseover()
  $("요소선택").mouseover(function(){...});
  선택한 요소의 영역에 마우스를 올렸을 때 실행문을 실행합니다.

  $("요소선택").mouseover()
  선택한 요소에 강제로 mouseover이벤트를 발생시킵니다.


  mouseout() 메소드는 선택한 요소의 영역에서 마우스가 벗어났을 때 이벤트가 발생합니다. 
  이때 하위 영향을 받습니다.

  또는 선택한 요소에 mouseout() 이벤트를 강제로 발생시킬 때 사용합니다.

  기본형 : mouseout()
  $("요소선택").mouseout(function(){...});
  선택한 요소의 영역에서  마우스가 벗어났을 때 실행문을 실행합니다.
  $("요소선택").mouseout()
  선택한 요소에 강제로 mouseout 이벤트를 발생시킵니다.
  */


  // ******  이미지 페이드인/아웃  ****** //
  //[1]  2,3을 숨기고 시작
  $('.imgSlide a:gt(0)').hide();
  //설명 : gt(0) : 선택된 요소 인덱스보다 큰(gt: greater than) 인덱스 선택

  //[2]  setInterval 3초 마다 실행
  setInterval(function(){
    $('.imgSlide a:first-child').fadeOut()
    .next('a').fadeIn().end().appendTo('.imgSlide');
  }, 3000);

  /* 메서드 설명
  setInterval() 메소드는 일정한 시간 간격으로 스크립트 실행문을 반복하여 실행시킬 때 사용합니다.
일정한 간격에 자동으로 사진이 바뀌는 사진첩을 만든다거나 자동으로 슬라이드되는 배너를 만들 때 사용합니다.
기본형 : setInterval( {실행문}, 시간 간격 )
시간 간격 -> 1/1000초 단위인 밀리초(mic) 단위로 작성. ex) 3초 => 3000
*/

   // ******  Modal 팝업  ****** //
  $(".notice li:first").click(function(){
	   $("#modalWrap").addClass("active");
  });
    $(".btn").click(function(){
	$("#modalWrap").removeClass("active");
  });
  /* 메소드 설명
  addClass : 선택한 요소에 인수로 전달받은 클래스를 추가합니다.
  기본형 : addClass("클래스명")
  ex) addClass("active")

  removeClass : 선택한 요소에 인수로 전달받은 클래스를 삭제합니다.
  기본형 : removeClass("클래스명")
  ex) removeClass("active")
  */

});