타쿠꺼
상단 네비게이션 바 만들기 본문
상단 네비게이션 바 만들기
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