프리랜서 웹디자이너 RELATION RELATION.CO.KR

RELATION 로고

홈페이지 소스

[소스] 메뉴 슬라이드 제작, jquery 드롭다운 div 슬라이드 제어하기

2017.11.02
메뉴 슬라이드 제작 유용한 팁  jquery 드롭다운 div 슬라이드소스와 제어방법.

* slideUp, slideDown, slideToggle
$(선택자).slideUp(속도);
$(선택자).slideUp(속도),slideDown(속도);

$(선택자).css("속성","값").slideUp(속도),slideDown(속도);
$(선택자).css("속성","값").slideToggle(속도);


제이쿼리로 요소를 부드럽게 올라가게 하거나 내려오게 할 수 있습니다. 또한 올라 갔다가 곧바로 내려오게 할 수 있으며, 
더불어 CSS 속성도 추가할수 있습니다.




* 데모보기2
- 드롭다운메뉴
- http://relation.co.kr/images_board/board_system_publishing/1/demo2.html


* 데모보기3
- 드롭다운메뉴
- http://relation.co.kr/images_board/board_system_publishing/1/demo3.html

이 포스트 공유하기

글수정  글삭제 전체목록
<
 
1
           
검색    글쓰기
번호 제 목 작성자 작성일 조회수
중요 [기타] 구글맵 플랫폼 꿘쓰 2019.01.22 2380
중요 [소스] 구글맵 반경 검색 작성글은 비공개로 설정 되었습니다. 꿘쓰 2018.01.08 17
중요 [소스] 구글맵 이동 경로 표시 꿘쓰 2018.01.18 1548
중요 [소스] 구글맵 좌표값 구하기 꿘쓰 2019.01.08 1080
중요 [소스] 구글맵 웹사이트 띄우기  이미지 파일이 첨부되어 있습니다. 꿘쓰 2013.01.02 18543
218 [소스] 구글 로그인 API 자바스크립트 꿘쓰 2019.08.16 92
217 [JQUERY] 체크박스 체크 유무 jquery 꿘쓰 2019.07.23 136
216 [CSS] css webkit, moz, ms, o 의미 꿘쓰 2019.04.16 256
215 [HTML] HTML5 Canvers 태그 꿘쓰 2019.03.22 349
214 [기타] 카카오 상담톡 비즈니스 메신져 꿘쓰 2019.03.21 271
213 [기타] a태그 onclick 클릭 이벤트 차이점 꿘쓰 2019.03.13 276
212 [소스] 카카오 로그인 작성글은 비공개로 설정 되었습니다. 꿘쓰 2019.03.08 1
211 [소스] 별점주기 꿘쓰 2019.02.21 305
210 [소스] Select option를 버튼(div) 방식으로 변경하기 꿘쓰 2019.02.21 303
209 [소스] 코멘트 게시판 디자인 이미지 테두리 둥글게 하기 (border-radius) 꿘쓰 2019.02.13 425
208 [소스] 아이폰 갤러리 이미지 저장 방지 꿘쓰 2019.01.09 321
207 [CSS] 줄바꿈, URL 줄바꿈을 위한 CSS 꿘쓰 2019.01.04 344
206 [소스] 반응형 상단메뉴바 소스  이미지 파일이 첨부되어 있습니다. 꿘쓰 2018.12.20 1022
205 [JQUERY] jquery animation() 제이쿼리 에니메이션 꿘쓰 2018.12.20 353
204 [소스] javascript 에서 간단한 form 만들기 꿘쓰 2018.12.03 431
203 [SCRIPT] isNaN 함수 꿘쓰 2018.11.28 384
202 [기타] 프로그램 소스 링크 꿘쓰 2018.10.30 457
201 [JQUERY] jquery radio check 초기화, 값설정, 로직정리 꿘쓰 2018.10.22 593
200 [SCRIPT] 스크롤 안 움직이게 막기, 스크롤 고정 꿘쓰 2018.08.17 1577
199 [기타] 웹 소스코드 정렬해주는 사이트 꿘쓰 2018.08.16 1718