개발34 햄버거 메뉴 버튼 만들기 1. 소스 [HTML] 햄버거버튼 햄버거버튼 햄버거버튼 [CSS] [JS] 2. 결과 화면 3. 제이쿼리 문법 정리 .toggleClass() : 선택한 요소에 클래스를 추가했다가 제거했다가 반복할 수 있다. 2022. 8. 29. 웹에서 색상을 표기하는 방법 1. 16진수 표기법 16진수 표기법은 # 기호 다음에 6자리의 숫자나 알파벳을 쓰는 표기법이다. 예를 들어 흰색은 #FFFFFF, 검정색은 #000000으로 표기된다. 이 6자리는 앞에서부터 두 자리씩 #RRGGBB으로 표기되는데 R은 빨간색(Red), G는 초록색(Green), B는 파란색(Blue)을 의미한다. 2. rgb, rgba표기법 rgb표기법은 빨간색, 초록색, 파란색의 양을 십진수로 표기하는 방법이다. 색이 하나도 섞이지 않았을 경우 0으로 표기하고 가득 섞였을 경우는 255로 표기하며 색상의 양을 조절한다. 예를 들어 빨간색은 rgb(255,0,0)으로 표기한다. rgba표기법의 경우 맨 끝의 a는 투명도를 값으로 표기하는 것이다. 0에서 1까지에서 나타내는데 1은 완전 불투명하고 0은.. 2022. 8. 28. 제이쿼리로 스르륵 열리는 아코디언 메뉴 만들기 (자주하는 질문, FAQ) 1. 소스 [HTML] Q 질문01? A 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 Q 질문02? A 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 Q 질문03? A 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 Q 질문04? A 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 Q 질문05? A 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 [CSS] [JS] 2. 결과 화면 See the Pen Untitled by H__jung (@honghongbyu.. 2022. 8. 25. 제이쿼리로 탭메뉴, 탭버튼 만들기 1. 소스 [HTML] 01탭 버튼 02탭 버튼 03탭 버튼 04탭 버튼 내용01 내용01 내용01 내용01 내용01 내용01 내용02 내용02 내용02 내용02 내용02 내용02 내용03 내용03 내용03 내용03 내용03 내용03 내용04 내용04 내용04 내용04 내용04 내용04 [CSS] [JS] 2. 결과 화면 See the Pen Untitled by H__jung (@honghongbyul) on CodePen. 3. 제이쿼리 문법 정리 .attr() : 선택한 요소의 속성값을 가져온다. .find() : 특정 요소를 찾는다. .addClass() : 선택한 요소에 클래스 값을 추가한다. .removeClass() : 선택한 요소에서 클래스 값을 제거한다. .siblings() : 선택한 .. 2022. 8. 24. 이전 1 ··· 3 4 5 6 7 8 9 다음
