시작페이지로 즐겨찾기추가
로그인
회원가입 l 출석체크 l 마이페이지 l CGIMALL
happycgi
자료실 사이트등록 랭킹100 프로그램리뷰 관리자추천자료 초보가이드
커뮤니티
전체 펼쳐보기
퀵메뉴링크 jquery , CSS , PHP , Javascript , 무료폰트 , ASP
상세검색
 > JAVASCRIPT > javascript 소스창고 > JQuery > Draggable & Resizable Focus Box In jQuery - stageItem.js 상세정보
사이트등록
클라우드태그
Javascript
PHP
CSS
ASP
jquery
slide
무료폰트
게시판
메뉴
슬라이드
쇼핑몰
달력
臾대즺룿듃
현재접속자 새로고침
Draggable & Resizable Focus Box In jQuery - stageItem.js
소스통계정보 오류신고 및 문의
해피팀
네티즌
트위터로 보내기 페이스북으로 보내기
소스분류 JQuery
다운로드 횟수 5 회
간단설명 Wix.com 와 같은 웹 사이트 빌더에서 본 것과 같은 드래그 및 크기 조정이 가능한 박스를 만드는데 도움이 되는 Jquery + jquery ui 플러그인입니다.
평가하기 훌륭함 매우좋음 좋음 괜찮음 보통 별로
홈페이지바로가기 소스다운로드 데모 미리보기 스크랩하기
다운로드 받은 파일의 압축을 해제한 후
index.html 파일을 웹브라우저로 열어서 보면 확인이 가능합니다.




Wix.com 같은 웹사이트 빌더에서 자주 보이는
웹페이지 안의 특정 공간에 포커스가 생기면
해당 박스를 드래그를 이용해서 크기를 조절하거나, 위치를 조절해서 화면에 배치시키는
jquery + jquery ui 플러그인 입니다.



사용법은

1. jquery 와 jquery ui 를 로드해줍니다.




2. stageltem.js 를 로드해줍니다.




3. 드래그 및 리사이즈를 하고자 하는 DIV를 만들어주고, stageItem 을 실행시켜줍니다.




4.  드래그가 특정 범위 안에 속하게 한다거나,
리사이즈 핸들러의 색상을 조절하거나,
드래그 되는 박스끼리 중첩이 되는 속성을 여부는 아래와 같은 옵션으로 제어가 가능합니다.




5. 박스에 생기는 이벤트들의 콜백도 지원해줍니다.






네티즌 의견   이용하신 자료의 후기를 자유롭게 작성하세요. (상업적인 광고 및 도배성 글 등은 사전통보없이 삭제될 수 있습니다.)
내용 아이디 의견남기기
등록된 의견이 없습니다.
1
이름
내용
:네맞아요: :화나는군요: :잠와: :우울해: :이건아냐: :왕하하: 왕웃음~ 놀램~
평가하기 훌륭함 매우좋음 좋음 괜찮음 보통 별로
도배방지키
 41342052 보이는 도배방지키를 입력하세요.