클래스 목록 요소.classList 클래스 추가 요소.classList.add('클래스명') 클래스 삭제 요소.classList.remove('클래스명') 클래스 토글 요소.classList.toggle('클래스명') 클래스 찾기 요소.classList.contains('클래스명') : 요소에 해당 클래스가 있으면 true
jQuery 스크롤 이벤트 $(window).scroll(function(){ }); (브라우저 스크롤 이벤트는 js 파일에서 한 번만 만들어줍니다. 여러개 안됨!) 스크롤을 내렸을 때 해당 요소 동작시키기 $(window).scrollTop(); : 브라우저의 스크롤 위치값 $('.main2').offset().top + $('.main2').height() * 0.8; : main2의 0.8 정도쯤 왔을 때의 위치값을 변수에 담아서 브라우저의 스크롤 위치가 해당 위치를 지날 때의 동작하도록 합니다. 0.8은 제가 임의로 넣은 값이기에 원하시는 위치값을 계산에 넣어주시면 됩니다.
setInterval() setInterval(콜백 함수, 시간) : 해당 시간마다 반복해서 실행 보통 clearInterval로 멈추게 하기 위해 setInterval은 변수에 넣어둡니다. clearInterval() clearInterval(변수) : setInterval 함수를 멈춤 setTimeout() setTimeout(콜백 함수, 시간) : 해당 시간이 지난 후 콜백 함수 실행
animate를 이용해서 회전하는 요소 만들기 메뉴를 클릭했을 때, 서브메뉴가 나오고 화살표 아이콘 180도 회전하게 만들기 span태그로 묶은 화살표 아이콘을 animate를 이용해서 회전을 시킬 때, 회전 값을 '-='로 주면 회전 각도 값이 계속 누적되어 누를때마다 회전하는 것 처럼 보입니다.
