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

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

정회준
프로필 보기이 회원 글보기
 · 17년 전 · 1293
<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에서 이동 됨]
목록
이전글 다음글

댓글 작성

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

로그인하기

게시글 목록

번호 제목
8050
홈페이지 리뉴얼시 디잔+퍼블리싱+개발 비중 3
8048
댓글 로직 1
19969
MySQL mysql 상태를 확인 하는 방법
19968
MySQL mysql 실시간 processlist
19967
기타 SQL Injection 개념과 원리
19966
MySQL 원활한 SQL Injection을 위해 숙지해야 할 mysql의 작동원리
19965
MySQL mysql 일반적인 최적화 팁
19964
기타 간단한 리눅스 명령어
19963
웹서버 모니터링에 유용한 리눅스 명령어 watch
19962
MySQL mysql 데이터 경로 바꾸기
19961
MySQL mysql 운영팁. 느린 쿼리를 발견하기
28345
이미지 경로.. 1
31017
CSS 당신은 모를 수도 있는 CSS의 7가지 단위 4
19960
기타 아파치 동시접속자 알아내기
19959
MySQL mysql index에 대해..
19958
MySQL 구분자는 enum으로
19957
MySQL mysql zerofill에 대해
8039
Functional Programming in PHP 8
8035
답답한 전문대학교 학생 질문드립니다. 3
8029
질문 있습니당! mysql 5
28344
퍼블리셔분을 모집합니다.
28339
모바일 hover효과 주기 4
8019
PHP7에 대해 반드시 알아야 할 다섯 가지 진실! 9
28338
알바 구해봅니다.
8017
DB 데이터 서버 변경문의 1
8010
엄마 아빠도 모르는 음력의 비밀 6
8007
[구인] 중장기 프로젝트 POS SYSTEM 개발자 구합니다. 2
8004
제이쿼리 충돌되는 부분 좀 봐주세요ㅠ 2
8003
도메인 DNS갱신(초기화) bat 프로그램
28332
홈페이지 유지 보수 하실 분 찾습니다. 5
28322
퍼브리싱하는데 질문입니다. 9
7999
phpt날짜계산 3
28317
프리랜서 퍼블리서(오랫동안 같이 일할 성실한분 찾습니다.) 4
20956
그누보드 최신버전 (5.1.1) 살펴보기 - bbs/board.php (1) 13
7992
SSL 암호와 통신에 대해 토론(조언)을 제안합니다. 6
20945
그누보드5 그누보드 최신버전 (5.1.1) 살펴보기 - bbs/visit_insert.inc.php 10
28314
안드로이드 웹뷰에서 select 디자인 변경.. 2
20936
그누보드5 그누보드 최신버전 (5.1.0) 살펴보기 - common.php (7) 8
20931
그누보드5 그누보드 최신버전 (5.1.0) 살펴보기 - common.php (6) 4
7986
이 사이트는 어떤 언어인가요? 5
20925
그누보드5 그누보드 최신버전 (5.1.0) 살펴보기 - common.php (5) 5
7982
개발자분들 연봉관련하여 조언을 구하고자 합니다. 3
7979
자바스크립트.. 도움이 필요합니다ㅠ 2
7978
사이트를 리뉴얼 해 보았습니다,
7975
프로그래머 찾습니다! 2
28307
부트스트랩 기반의 사이트가 많아지는 느낌이 듭니다. 6
7973
프로그래머 구인중입니다. 1
7966
삽질하다가 겨우 만들어낸...; 6
28305
웹접근성인증마크 취득 경험 있으신 퍼블리셔 모집합니다. 1
7963
그냥 간단한 페이지 레이아웃 잡는데 2
28300
브라우저별 폰트가 다르네요. 4
7961
웹페이지 제작중에 클릭한 메뉴 다음페이지에서 고정하고 싶은데.. 1
28297
메뉴 현재페이지 고정때문에 질문드려요 2
28295
putty 압축해제하는 방법에 대해서 1
7959
삼성전자에서 만든 IoT용 오픈소스, 제리스크립트와 IoT.js 1
19948
지금까지 잘못 알고 있었던 MySQL int type의 진실.. 8
19947
PHP 휴대폰 번호 - 원하는 자리에 * 로 표현
28292
자바스크립트 메모리관리 ? 어떻게들 관리하시나요!? 2
31016
HTML 모바일 작업시 숫자인식,메일주소, 지도상의 주소링크 막기
19946
PHP 전화번호 뒷번호 **** 숨길 때
19945
웹서버 한번에 업로드할 수 있는 화일 갯수 지정
28286
반응형으로 만드는데... 익스 8 크로스브라우징까지 해야하나요... 5
7958
시놀로지 나스에 그누보드5 깔아서 쓰시는분 있나요?
7956
Python Flask 지원하는 호스팅 업체가 있을까요? 1
7952
아파치 도메인 설정 질문입니다. 3
7946
mysql get 0은 null?? 질문입니다.! 5
28285
울산분 구합니다.
28283
이홈페이지에 적용된 자바가 궁금해요! 도와주세요 ㅠㅠ 1
19943
PHP CloudFlare 사용시 방문자 IP와 SSL 접속여부 파악하기 1
7944
과외받고싶습니다. 1
7936
부산에서 프로그래밍 배우고싶은 분 7
7931
하이브리드앱은 네이티브보다 속도가 느릴수밖에 없나요..? 4
28279
스타일시스 이용 이미지사이즈 조절 3
24666
안녕하세요 2
24663
블로그를 운영시 검색상위에서 밀려난 원인이 3
7928
php과외 선생님을 모십니다. 2
7923
요즘 개발 업체에 의뢰하면..의뢰자가 전문인 아니어도 개발 잘 해주시나요? 4
19941
MySQL phpMyAdmin 시간 늘리기 1
28274
요즘 자바스크립트로 링크 안거나요? 4
28257
코딩하는데 얼마나 걸리세요? 16
28249
반응형 웹 개발시 가장 먼저 공부해야할 언어는 무엇인가요? 7
28248
그누보드 게시판 홈피에 꺼냈는데 제한된 영역만 보여여 코딩도움주실분!
7914
강원도 원주에 사시는 개발자님 계신가요? 8
7912
모바일 글수정시 1
7911
영카트4, 5 로 모바일 쇼핑몰 몇년 유지보수 후기
20912
그누보드5 그누보드 최신버전 (5.0.36) 살펴보기 - common.php (4) 12
7908
워프--->그누5 리모델링 후기 2
31755
부트스트랩 부트스트랩 MIT 라이센스? 4
28233
반응형페이징! 14
28232
펜션 홈페이지에서 나오는 음악들은..
28228
rido님 글 확인 가능하신가요? 3
7903
에효.....템플릿 예시홈페이지만들기..... 4
28217
초보자가 반응형 웹을 만들기엔 어려울까요? 10
20900
그누보드5 그누보드 최신버전 (5.0.36) 살펴보기 - common.php (3) 11
24662
기획자가 되려면 어떻게 해야 하나요?? 1
20891
그누보드5 그누보드 최신버전 (5.0.36) 살펴보기 - common.php (2) 8
20882
그누보드5 그누보드 최신버전 (5.0.36) 살펴보기 - common.php (1) 8
19936
웹서버 SSL의 정석 (아파치 & nginx) 4
20853
그누보드5 그누보드 최신버전 (5.0.36) 살펴보기 - config.php 28
31011
기타 구글의 material design에 관한 설명입니다. 4
이전 다음
전체 목록