타쿠꺼

상단 네비게이션 바 만들기 본문

Web Study

상단 네비게이션 바 만들기

kimtaku 2016. 6. 11. 15:36

상단 네비게이션 바 만들기



1. delay += 100 구문을 통해 each가 하나씩 돌 때마다 delay의 값을 100씩 증가시킨다.

2. 스크립트로 hover 애니메이션을 구현할 수도 있지만, 구현할 수 있다면 css를 이용하는게 좋다. (속도면에서)

3. css에서 margin-top에 !important가 있는 이유는, html이 로드되면 스크립트가 인라인스타일로 margin-top값을 주기 때문에 우선순위에 의하여 인라인스타일이 더 높아서 hover의 css가 먹히지 않기 때문이다. 따라서 !important로 우선순위를 높여준다.

'Web Study' 카테고리의 다른 글

슬라이드 메뉴 만들기  (0) 2016.06.11
z축 스크롤  (0) 2016.06.11
네비게이션 만들기  (0) 2016.06.11
아코디언 메뉴(CSS Only)  (0) 2016.06.11
메뉴 클릭시 본문 내려오는 효과  (0) 2016.06.11
Comments