셀렉트박스2 [jQuery]셀렉트박스+제이쿼리, 셀렉트 선택 시 내용 보여지게 셀렉트 박스에서 선택 시 해당 내용으로 이동하게 하는 제이쿼리 소스 입니다. 별도 페이지 생성이 필요 없으며 id 값으로 해당 내용을 감추거나 보여줍니다. 적용 이미지 위 디자인과 같이 책보는 느낌처럼 활용도 가능한 소스 입니다. 탭과 유사한 기능이라고 보시면 됩니다. HTML 1. Step1 : Lorem Ipsum is simply dummy text Chapter 1 : Lorem Ipsum is simply dummy text Chapter 2 : Select another text Chapter 3 : Selet third text box 1. Step1 : Lorem Ipsum is simply dummy text Chapter 1 : Lorem Ipsum is simply dummy text.. 2024. 2. 22. [JS 활용] 관련 사이트, family site 패밀리 사이트, 제이쿼리 활용 [토글] 패밀리 사이트나, 관련 사이트를 셀렉트 태그를 사용하는 것이 아니라 div를 사용해서 스타일링을 통해 좀더 다양한 방식으로 꾸밀 수 있다. (패밀리 사이트 선택하는 드롭 박스를 위로 올라가게 한다든지.. ) 제이 쿼리 토글과 CSS를 이용해서 꾸며 본다. 화살표 모양 이미지가 아닌 CSS 로 주기 HTML FAMILY SITE Naver Google Daum CSS .family { position: absolute; vertical-align: middle; top: 100px; width: 207px; background-color: #0d1621; left: 10px; } .family>a { display: block; position: relative; z-index: 10; height: 29.. 2022. 3. 15. 이전 1 다음 728x90 반응형
