목록드롭다운 (3)

웹솔루션개발 25년 노하우! 해피CGI의 모든것

[해피CGI][cgimall] 선택 메뉴를 따라다니는 드롭다운 메뉴 Pure CSS Select Box With Direction Aware Hover Effect

메뉴를 선택하면 선택된 상태로 따라다니는 드롭다운 메뉴입니다.활용도가 높아 다양한 사이트에서 사용 가능합니다.HTML 구조  Observe the platform icon's motion direction when there is up and down  hover on options.               Select a platform                                                        CodePen      CodePen                                Dribbble      Dribbble                                Behance      Behance                         ..
웹프로그램밍 자료실/HTML 자료 2024. 12. 5. 09:17
[해피CGI][cgimall] Create a hoverable dropdown with CSS

스크립트 없이 CSS 만으로 드롭다운 효과를 줄 수 있는 소스입니다. 위와 같이 소스를 생성했을 경우 요소 위로 마우스를 이동할 때 나타나는 드롭다운 상자가 만들어 집니다. https://www.w3schools.com/css/css_dropdowns.asp 해당 사이트를 참고하시면 드롭다운 메뉴, 오른쪽 정렬된 드롭다운 콘텐츠, 드롭다운 이미지를 자세히 확인할 수 있습니다.
웹프로그램밍 자료실/HTML 자료 2023. 6. 23. 09:14
[해피CGI][cgimall] jquery Dropdown

* jquery Dropdown 가볍게 이용가능한 jquery Dropdown 플러그인 입니다 지원 브라우저는 익스플로러8이상 , 크롬, 사파리, 파이어폭스 브라우저를 지원하며 jquery 버전은 1.4 이상 지원합니다 * License MIT License * 설치방법 첨부된 압축파일을 해제하여 원하는 웹루트 디렉터리에 업로드합니다 적용하고자 하는 html 문서를 열어 head 부분에 js , css 를 호출합니다 위와 같은 선택박스가 출력되게끔 아래와 같이 html 과 script 를 삽입합니다 그리고 아래와 같이 함수 호출을 통해 원하는 내장기능을 호출할 수 있습니다 위와 같은 구문을 웹브라우저로 실행하면 아래와 같이 선택된 영역을 따로 표기도 가능합니다 첨부된 압축파일안에 index.html 파일..
웹프로그램밍 자료실/JAVA 자료 2021. 3. 24. 09:50
Prev 1 Next