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
- 메소드
- 웹
- 드롭다운메뉴
- 판화
- PHP
- MARGIN
- HTML
- flex
- CSS
- position
- jQuery
- Photoshop
- Transform
- 클리핑마스크
- JavaScript
- sideproject
- 자바스크립트
- BNX사이트
- 문자열 자르기
- web
- 반응형
- float
- steak
- 레이아웃
- Poster
- IT
- CLIPING MASK
- 제이쿼리
- 사이드바
- 플렉스
Archives
- Today
- Total
목록움직이는 바 (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