STUDY/j-Query toggle을 이용하여 옵션 와리가리 보이게 하기 2023.03.27 옵션창이 보였다가 안보였다가 하는 기능을 만들고 싶다. 옵션아 열려라 == OPTION == - 똘이 - 산타 - 토미 뼈대 만들기! 클릭했을때 열렸다 닫혔다 하는 요소를 button으로 쓰고 옵션창을 div로 감쌌다. 그리고 아래와 같이 옵션 영역은 보이지 않게 display: none으로 설정한다~ /* 옵션영역이 보이지 않는게 기본 상태 */ .optionWrap { display: none; } 기본 CSS 작성 완. 스크립트 작성 완. 버튼 영역을 조금 더 간지나게 만들기 위해 위와 같이 버튼 구조를 수정했다. 비어있는 span들을 막대기로 채울 것이다. /* reset */ select, option { padding: 5px 25px 5px 5px; color: #222; border-rad.. 모달 레이어 팝업 2019.06.06 규소의 웹퍼블리셔 공부하기 - j-Query - 모달 레이어 팝업 원하는 모드 : 레이어 팝업, 배경 클릭 시 닫기, 레이어 스크롤 가능 밤낮으로 찾다가 드뎌 원하는 조건을 갖춘 플러그인을 발견했다. 알집을 풀고 /dist/css에서 lightbox.css를, /dist/js/lightbox.js를 꺼내온다. - 제이카레 버전은 1.7 이상이어야 한다. 레이어 팝업이 단일인지 여러 개인지 여부에 따라 소스를 보여준다. - 옵션도 여러가지 있으니 활용해서 쓰면 좋은 플러그인이 될 것이다. (번역기 돌려도 어렵지 않게 나오니 영어를 잘 모른다면 번역기 고고) 규소가 이용한 방법 - 여러개를 나열하는 구조라 li로 float를 준 뒤 li 속에 넣었다. 이미지 팝업이미지-1 .d_list li { float:.. 이전 1 다음
