Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |
Tags
- sideproject
- 레이아웃
- MARGIN
- CSS
- 사이드바
- 클리핑마스크
- 문자열 자르기
- float
- 판화
- 반응형
- HTML
- Photoshop
- Transform
- BNX사이트
- 메소드
- 플렉스
- position
- jQuery
- 제이쿼리
- IT
- Poster
- 웹
- PHP
- web
- JavaScript
- 자바스크립트
- 드롭다운메뉴
- flex
- CLIPING MASK
- steak
Archives
- Today
- Total
목록hoverBar (1)
코딩 슬라임 공방
제이쿼리 메뉴 하단 호버 바 만들기
메뉴 따라가는 하단 바 만들기 메뉴가 있을때 메뉴에게서 얻어야하는 요소는 2가지이다 메뉴들의 width값과 left 값을 얻어야한다. 메뉴의 width값을 구하는 방법은 제이쿼리로 .width()를 사용하면 구할 수 있다. 메뉴의 left값을 구하는 방법은 제이쿼리로 .position().left를 사용하면 구할 수 있다. .position()은 top값과 left 값을 모두 구하기 때문에 left만 구해와야 한다. .position은 부모 요소에서의 상대적인 좌표값이다. 문서에서의 절대값을 얻고싶다면 .offset을 사용해야한다. 이제 마우스가 들어갔을 때와 나왔을때 메뉴에 addClass와 removeClass를 해서 active클래스를 조절해야 한다 그리고 active클래스가 부여된 요소의 widt..
HTML_CSS_JAVA SCRIPT 수업
2020. 6. 20. 15:31