슬라이드메뉴 (2) [jQuery] 위로 슬라이드 되는 메뉴 만들기 위로 슬라이드 되며 펼쳐지는 메뉴를 만드는 방법입니다. 사이트 하단에 '관련 사이트' 링크 리스트를 만들 때에 사용할 수 있습니다. 관련 사이트 관련 사이트 1 관련 사이트 2 관련 사이트 3 1. 태그 안에 제이쿼리를 불러옵니다. 2. HTML 관련 사이트 관련 사이트 1 관련 사이트 2 관련 사이트 3 3. CSS .family_menu { position: relative; display: inline-block; *display: inline; *zoom: 1; } .btn_family { height: 45px; padding: 0 30px 0 15px; background: #fff; border: 1px solid #333; font-size: 15px; color: #000; cursor:.. [jQuery] 우측 슬라이드 메뉴 버튼을 클릭하면 우측에서 메뉴가 슬라이딩 되는 동시에, 메뉴 밖의 영역은 검정색 반투명 마스크로 덮습니다. logo 메뉴 열기 메뉴 닫기 메뉴 1 메뉴 2 메뉴 3 메뉴 4 메뉴 5 1. 태그 안에 제이쿼리를 불러옵니다. 2. CSS #header { width: 100%; height: 52px; background: #447e65; position: relative; overflow: hidden; } #mask { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: #000; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(o.. 이전 1 다음