테스트 사이트 - 개발 중인 베타 버전입니다
SIR

레이어 스부적스부적 이동 스크립트

정회준
프로필 보기이 회원 글보기
 · 17년 전 · 1289
<script> /* // // 레이어 스부적스부적 이동 스크립트. // // by hanulis(hanulis@gmail.com). 2007. // // usage: mino.layer.moveSmooth(obj,x,y); // // 설명: obj를 x,y 위치로 스부적 이동시킴. obj의 style중 position:absolute가 추가되어있어야 합니다. // // 예제: <div id="test" style="position:absolute">aaa</div> // <script>mino.layer.moveSmooth(document.getElementById("test"),200,400); </ script> // // 보너스: x혹은 y축만 움직이고 싶을때, 움직이지 않을축을 null로 지정합니다. // // 예제: <script>mino.layer.moveSmooth(document.getElementById("test"),null,400); </ script> // */ var mino={} var _mino_layer_smooth_obj=null; var _mino_layer_smooth_doing=false; mino.layer={ xy:function(obj) { if(document.getBoxObjectFor) { //firefox try { var tempXY=document.getBoxObjectFor(obj); } catch(e) {return [0,0,obj.offsetWidth,obj.offsetHeight]} return [tempXY.x,tempXY.y,obj.offsetWidth,obj.offsetHeight]; } else if(obj.getBoundingClientRect) { //internet Explorer var tempXY=obj.getBoundingClientRect(); return [(tempXY.left+document.body.scrollLeft),(tempXY.top+document.body.scrollTop),obj.offsetWidth,obj.offsetHeight]; } else return false; }, moveSmooth:function(obj,x,y) { if(!_mino_layer_smooth_obj) _mino_layer_smooth_obj=obj; if(arguments[3]==undefined && _mino_layer_smooth_doing) { return; } else _mino_layer_smooth_doing=1; var loc=mino.layer.xy(_mino_layer_smooth_obj); if(x!=null) { if(Math.abs(Math.abs(loc[0])-Math.abs(x))<10) { obj.style.left=x; var xc=1; } else { obj.style.left=parseInt(loc[0]+(x-loc[0])/3); } } else var xc=1; if(y!=null) { if(Math.abs(Math.abs(loc[1])-Math.abs(y))<10) { obj.style.top=y; var yc=1; } else { obj.style.top=parseInt(loc[1]+(y-loc[1])/3); } } else var yc=1; if(xc && yc) { _mino_layer_smooth_doing=0; _mino_layer_smooth_obj=null; return; } setTimeout('mino.layer.moveSmooth(_mino_layer_smooth_obj,'+x+','+y+',"s")',10); } } </script> <div id="k" style="background-color:#eeffe0;position:absolute;width:200;height:200;border:1px solid #000000"></div> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <input type=button value="move(0,0)" onclick="mino.layer.moveSmooth(document.getElementById('k'),0,0)"> <input type=button value="move(-200,-200)" onclick="mino.layer.moveSmooth(document.getElementById('k'),-200,-200)"> <input type=button value="move(400,400)" onclick="mino.layer.moveSmooth(document.getElementById('k'),400,400)"> <input type=button value="move(300,300)" onclick="mino.layer.moveSmooth(document.getElementById('k'),300,300)"> <input type=button value="move(500,null)" onclick="mino.layer.moveSmooth(document.getElementById('k'),500,null)"> <input type=button value="move(null,500)" onclick="mino.layer.moveSmooth(document.getElementById('k'),null,500)">
[이 게시물은 관리자님에 의해 2011-10-31 17:16:08 PHP & HTML에서 이동 됨]
목록
이전글 다음글

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

게시글 목록

번호 제목
12828
JavaScript 최근 게시물 디자인 5
254
익스플러/파이어폭스/오페라/ 다 호환 되는 플래시 점선 없애기는???? 5
252
날자계산 다시 질문드립니다. 적용 방법을 모르겠습니다 .ㅠ.ㅠ; 1
25062
축수연봉투 아래아한글
29368
HTML 단축키 사용을 쉽게 도와주는 shortcut.js
249
날자계산..구현 방법 좀.. 2
243
그누보드용 펜션예약프로그램해보신분 보시고 쫌 도와주세요 5
239
5단 셀렉트 -_-; 3
236
저기요.... 2
234
방문자가 사이트 소식지 받기위해....등록폼 1
12821
기타 플래쉬 매뉴 소스 실무_- 6
12818
Flash 플래쉬 매뉴 소스 실무_ 2
12815
기타 플래쉬 매뉴 소스 실무 2
12811
기타 플래쉬 매뉴 소스 3
12807
JavaScript 플래쉬 매뉴 소스 3
12797
기타 플래쉬 매뉴 소스 가로형.. 9
12787
기타 플래쉬 매뉴 소스 세로형 9
12781
기타 플래쉬 매뉴 소스 실무에서사용하는 것 입니다. 5
12780
JavaScript 자동글 방지 팁입니다.
232
상품이름 보여질때 글자수 제한이요 1
12779
기타 PHP 에서의 디버그
12776
PHP PHP에서 싱글톤 패턴 구현하기 2
12768
기타 일러스트 자료를 찾아 웹사이트를 누비면서 7
12767
Flash [질문]ExternalInterface 질문입니다.
229
ajax에서 xml을 한페이지에서 여러번 통신할때 질문드립니다. 2
12764
기타 이미지가 깨&#51275;을 경우 배꼽대신 다른 이미지로 디스플레이 2
226
리눅스 파티션 설정하는 법 도움주세요 2
12762
JavaScript 팝업창 중앙에 띄우기 소스 1
12758
JavaScript <tip>초간단 위로가기 소스 3
12757
JavaScript 소스 <퀵메뉴>
12755
기타 CentOS 5 에서 GD 라이브러리 설치하기 1
223
APM 설치후 GD를 설치하면 문제가 되나요?? 2
221
도움 좀 청하겠습니다. ^^ 1
12746
Flash 플래시 SWF파일 링크수정시 이프로그램 사용하세욥^^;; 8
219
cent0s5.1설치시 mysql5.0같이 설치한후에 1
212
폼체크 하는데 잘 안되서... 6
12745
기타 SWFUpload 403 에러 해결 방법
210
급급해서 php급 문의입니다,,ㅠㅠ 1
206
동영상 올리는 플레이어 개발 3
29366
HTML 텍스트 필드에 숫자 입력시 3자리 단위로 , 찍는 소스 1
205
카페주인장 아이디 알아내는 방법 없을까요?
12743
Flash 이 페이지는 보안된 항목과 보안되지 않은 항목을 모두 포함하고 있습니다. | Ssl 2007.10.18 16:42 1
203
그누보드 & 플래시 1
29364
HTML 클릭하면 이미지 서로 바꾸기. 1
201
자바 스크립트 질문좀 할께요 1
12742
JavaScript /var/log/secure 로그를 이용한 IP Deny 자동 등록
29361
HTML html/꼭 알아두어야할 태그 정리 2
12740
Linux 여러가지 리눅스 팁들 1
199
검색조건 규격 검색이 잘않됩니다 도와주세요 1
198
메인 메뉴를 만들려고합니다. 도와주세요.
196
[질문] good_and_write() 함수 1
12738
기타 포토샵으로 번개효과 만들기 1
12735
JavaScript 포토샵으로 쌍꺼풀 만들기 2
12732
MySQL utf8 사용시 쉘에서도 한글입력가능하게.. 2
195
가입처리 추가 문의입니다.
194
메일보내기~도와주세요~
12731
JavaScript 특정 이메일 입력 금지및 이메일 유효성 검사
191
XML 객체 불러오기 아시는분.. 2
188
프로그램 질문이요!!! 2
185
디비연동하여서 막대그래프 표현. 2
182
원격으로 좀 도와주실분 계신가요? 2
179
디비값 저장하기. 2
25053
계약서 프리랜서와 기업간 업무계약서 8
25052
계약서 전자상거래Reseller(판매대행) 계약서
12729
MySQL 쉘에서 mysql 접속시 한글이 입력되지 않습니다. 1
25050
프로젝트 수행계획서 양식 1
176
영카트 상품 일괄 등록 기능 있나요? 2
174
metaWeblog 에 대한 질문 입니다.. 한글 제대로 출력 되지 않습니다... 1
172
항공 실시간 검색후 결과값에 맞으면 경고창 띄우기 1
171
▶▶▶ 프로그래머 구합니다 ◀◀◀
168
트래픽 제한으로 403에러를 발생하는 경우가 있나요? 2
166
속도제한 적용하면 홈 느려지고 cpu사용량 늘어나나요? 1
12724
기타 단순하면서 접근성이 뛰어나고 의미있는 로고 표현 마크업 4
12715
Flash xml 연동mp3 플레이어 제작소스 8
164
서버호스팅에 대한 조언좀 부탁드립니다.. 1
12712
MySQL 한글 인코딩 에러시 한글 깨짐 처리(클라이언트)처리 2
12702
Flash xml 연동형 겔러리소스입니다 9
159
[질문]한국어 영문 전환시 URL 변경 문의 4
12697
Flash 이미지마스크 4
29360
HTML 메트릭스글자
12696
Flash 외부파일과 변수 주고 받기 - sendAndLoad()
155
[질문] LINUX 도메인서버 도메인 사용하기 ? 3
12694
Flash flash 에 익숙한 사람을 위한 flex 개조법 1
12692
PHP Flex와 PHP를 이용한 Session 로그인과 로그아웃 구현 1
12689
기타 XML에 대한 모든 것 2
12687
정규표현식 립트와 Flash(Flex)벽을 허물다 - [2탄]사용법 & 예제 1
12685
Flash [FABridge]자바스크립트와 Flash(Flex)벽을 허물다 1
12683
Flash Flex 및 Flash 래퍼런스 활용 1
12679
기타 일러스트 선택단축키 예제모음 3
12678
기타 픽토그램 소스
12676
JavaScript [일러스트강좌] 마크 그리기 1
151
사이트 가입시 로그인 방법 3
12669
기타 해외에서 온라인으로 발행하는 무료 그래픽 잡지입니다 6
148
프로그램 제작 의뢰 2
146
플래시버튼. 1
144
최근게시물을 특정필드값에따라 다르게뽑는법(도와주세요~) 1
143
플래시관련.
29356
HTML 서버소스교정된 부분,추가된 부분을 비교하면서 작업가능한 프로그램 3
12662
JavaScript html,php,js.vbs,각종 암호화 6
12655
PHP Apache DOS 공격 방어 - mod_evasive Study - WEB 6
이전 다음
전체 목록