시작페이지로 즐겨찾기추가
로그인
회원가입 l 출석체크 l 마이페이지 l CGIMALL
happycgi
자료실 사이트등록 랭킹100 프로그램리뷰 관리자추천자료 초보가이드
커뮤니티
전체 펼쳐보기
퀵메뉴링크 jquery , CSS , PHP , Javascript , 무료폰트 , ASP
상세검색
 > CSS > 메뉴 > JQuery 와 CSS3 를 이용한 아코디언 사이드 메뉴 만들기 상세정보
사이트등록
현재접속자 새로고침
JQuery 와 CSS3 를 이용한 아코디언 사이드 메뉴 만들기
소스통계정보 오류신고 및 문의
해피팀
네티즌
트위터로 보내기 페이스북으로 보내기 싸이월드 공감
소스분류 메뉴
다운로드 횟수 1661 회
간단설명 JQuery 와 CSS3 을 이용한 아코디언 사이드메뉴 소스 입니다. 간단한 소스만으로 근사한 사이드 메뉴를 제작할 수 있습니다.
평가하기 훌륭함 매우좋음 좋음 괜찮음 보통 별로
홈페이지바로가기 소스다운로드 데모 미리보기 스크랩하기

간단한 JQuery 와 CSS3 을 이용하여 사이드 메뉴를 만들 수 있습니다.




- 메뉴를 클릭하면 다른 메뉴들이 부드럽게 슬라이딩 되고, 하부메뉴들이 보여집니다.




- 다른 메뉴를 클릭하면 기존에 열려있던 메뉴의 하부메뉴는 닫히고 클릭한 메뉴의 하부메뉴가 슬라이딩 됩니다.



첨부파일을 다운로드 받아 압축을 푸신 뒤 index.html 파일을 브라우저로 실행하시면 됩니다.



메뉴의 구성을 변경하시려면 index.html 파일을 문서편집툴로 열어 수정하시면 되고,

메뉴의 디자인 부분은 style.css 파일을 수정하시면 됩니다.





네티즌 의견   이용하신 자료의 후기를 자유롭게 작성하세요. (상업적인 광고 및 도배성 글 등은 사전통보없이 삭제될 수 있습니다.)
내용 아이디 의견남기기
한글깨짐현상 도와주세요
2016-01-06 00:12:58
찬성 27
반대 41
메뉴의 내용을 한글로 변경하면 왜 한글이 깨짐이 나오죠?
2016-01-06 00:11:05
찬성 27
반대 33
제가 찾던건데 잘 쓸게용~ 감사합니다.^^
2013-09-13 11:39:57
양혜원
찬성 54
반대 56
1
이름
내용
:네맞아요: :화나는군요: :잠와: :우울해: :이건아냐: :왕하하: 왕웃음~ 놀램~
평가하기 훌륭함 매우좋음 좋음 괜찮음 보통 별로
도배방지키
 31931213 보이는 도배방지키를 입력하세요.