button3 2-4 JQuery 적용하기(포스팅 박스) _ .show & .hide / display:none 영화 기록하기 버튼을 누르면 숨겨진 창이 나타나고 닫기를 누르면 사라짐. 1. 각 버튼에 먼저 function을 연결시켜준다. 영화 기록하기 닫기 function open_box(){ } function close_box(){ } 2. 타겟 창의 div 에 id 값을 주기. ex) 3. 타겟 창 제어하기. function open_box(){ $('#post-box').show() } function close_box(){ $('#post-box').hide() } **post-box를 시작부터 감춰두기: css를 display:none 으로 설정 2022. 5. 13. 1-11 포스팅박스 만들기/ 모바일 최적화 크기 코드: HTML : 별점 --선택하기-- ⭐ ⭐⭐ ⭐⭐⭐ ⭐⭐⭐⭐ ⭐⭐⭐⭐⭐ 코멘트 Dark Secondary CSS : .commentbox { box-shadow: 0px 0px 3px 0px gray; padding: 20px; width: 500px; height: 500px; margin: 20px auto 10px auto; } .input-group { margin-top: 10px; height: 40px } .buttons { margin-top: 15px; display: flex; flex-direction: row; align-items: center; justify-content: center; } .buttons>button { margin-right: 5px; ⭐️모바일 최적화.. 2022. 5. 11. 1-4 로그인 페이지 만들기 코드 : 로그인 페이지 ID: PW: 로그인하기 결과: 2022. 5. 11. 이전 1 다음
