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

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

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

댓글 작성

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

로그인하기

게시글 목록

번호 제목
12651
MySQL 종합쇼핑몰 솔루션 SHOPPINGOS Webagency FREE VERSION (KR+) 3
12650
JavaScript query 문자열 최대 길이
12646
JavaScript 이미지 슬라이드 소스입니다(Ajax) 3
141
SSH에서 리눅스 서버의 최대 대역폭을 확인 하는 방법이 있나요? 1
140
자바(JAVA) 개발자 모집중입니다.
138
DNS를 설치하려는데... 1
137
★★ 프로그래머 구합니다
131
웹페이지가 빨리 뜨기위한 조건들이 어떻게 될까요? 5
130
[질문] 자바스크립트; window scroll과 div scroll 동기
25048
캠타시아 레코더(버전 3.0) 사용법 - 한글 메뉴얼 1
12644
기타 특정 확장자만 찾아서 복사 1
125
php를 배우는 초보입니다. 질문이.. 4
122
에러가 계속나요 ~~ 답변 부탁드립니다. 2
12641
기타 네이버 콤보스타일 메뉴입니다.~ 2
12635
JavaScript 네비게이션 소스 5
12632
기타 서버간 데이터 교환 XMLRPC 2
29350
HTML 쓸만한 자바스크립트 소스 사이트[외국] 5
12629
Linux 서버 관리자라면 요런것도~ 2
29349
HTML 두 날짜의 차이를 년월일 시분초로 표현하기
12628
JavaScript 테이블,컬럼 comments (정보관리테이블만들기)
29348
HTML [UNIX,LINUX] oracle client 설치하기
12627
MySQL mysql 연결
12626
기타 리눅스 Vnc클라이언트에서 Alt-Tab 쓰기
12623
JavaScript 시간별이미지출력 이것좀봐주세요!~~ 2
25047
웹 네비게이션 관렴 문서 2개
25045
사이트 평가 툴 1
25041
화면 설계서 3
25040
웹 기획 필요한 4 가지
25038
웹 켄텐츠 확보 전략 1 - 4 1
25037
웹 기획 문서 - 1
117
에러좀 찾아주세요 4
25036
생활계획표
12620
Flash 플래시의 화면을 PHP의 GD라이브러리를 이용하여 JPG로 출력 2
12618
Linux 리눅스 팁: cron과 at를 사용한 작업 일정 관리 (한글) 1
12617
기타 amboard를 통해 본 class view
12614
기타 캐쉬백메뉴 2
12612
JavaScript 배열을이용한이동 1
12608
JavaScript 3dMax를이용한메뉴 3
12606
기타 눈동자 1
12605
기타 눈내리는효과
29347
HTML 심장박동효과
12604
JavaScript 곰장어
12597
MySQL [강좌] [PHP동영상강좌] PHP기초에서 중급(?) 까지.. (전체 49강) 6
12595
MySQL MySQL 형변환 함수 1
12594
MySQL Mysql 백업 팁
12593
MySQL MySQL PASSWORD() 함수의 복호화! 팁!
12589
JavaScript AjAX UI Components (Ver. Stable Release 1.0.1a) 3
12585
기타 구글 API를 활용한 뉴스 목록 가져오기 3
29346
HTML 외부 문서 불러오기
12584
Flash [리눅스 Linux lpic]리눅스 설치시 유용한 10가지 팁
12582
PHP apache의 httpd.conf 설정 팁 1
12581
기타 Apache AXIS를 이용한 웹서비스 강좌(팁)
12580
JavaScript 윈도우2003 + Apache 를 위한 SSL 보안서버 구축 팁
12578
JavaScript AJAX 소스제공 사이트들 입니다. 1
12576
MySQL 쿼리속도 향상과 효율적인 게시판 쿼리 1
29345
HTML Flex멀티업로드 & HttpHandler
12575
JavaScript ORACLE_CATALOG
12574
기타 JAVA에서 ORACLE로 배열넘기기
12573
MySQL ms-sql과 mysql에서 varchar와 char의 차이점
29344
HTML 오라클 SQL 기본 간단 정리
115
SSL ? SSO 1
12572
기타 오른쪽 마우스 금지 스크립트
12570
기타 쿠키를 이용한 레이어 공지창 (오늘 하루 열지 않음 기능을 레이어로) 1
29343
HTML 레이어를 클릭하면 순서가 바뀌는거에요
29342
HTML 셀렉트 박스 내용을 레이어로 표현
12569
JavaScript 다모임 - 플레이어 입니다(wmv)
12567
JavaScript 디렉토리서비스 소스 입니다. 1
29337
JavaScript 구인 구직 사이트 소스에요~ 4
12566
JavaScript 설문조사 소스입니다. 참고하세요.
12564
JavaScript ASP - FSO 객체 정리한 파일입니다. 많은 도움이 될거에요~ 1
112
완전 궁금한 질문 2
107
RSS(XML) 리더 소개 좀 해 주세요. 4
104
한글도메인 접속 오류..? 2
101
서브메뉴 인클루드에 대해서.. 2
96
php 버전 4.4.5 에서는 2차 배열이 안먹히나요? 4
94
html 코드에서 문자열 자르기 궁금합니다. 1
93
한글도메인 접속오류
12563
MySQL Implement Oracle's rownum using mysql
12559
정규표현식 APM 설치 mysql 4.1.x + php 4.4.x + apache 1.3.x 3
88
그누보드로만든게시판이 외부침입자에게 자꾸뚫립니다 4
85
mysql 에서 중문 정렬문제 2
12558
기타 타이프 치듯이 텍스트가 나타나는 자바스크립트입니다
29336
HTML Live Clock 스크립트 - 현재 시간
29333
HTML 버튼소리나는메뉴 2
84
방문자 카운트 문제 도와 주세요...
29329
HTML 초보자를 위한 포토샵 강좌 63 3
12556
기타 초보자를 위한 포토샵 강좌 62 1
29327
HTML 초보자를 위한 포토샵 강좌 61 1
12554
기타 초보자를 위한 포토샵 강좌 60 1
12552
기타 초보자를 위한 포토샵 강좌 59 1
12549
기타 초보자를 위한 포토샵 강좌 58 2
12545
기타 초보자를 위한 포토샵 강좌 57 3
12544
기타 초보자를 위한 포토샵 강좌 56
29325
HTML 초보자를 위한 포토샵 강좌 55 1
12542
기타 초보자를 위한 포토샵 강좌 54 1
12541
기타 초보자를 위한 포토샵 강좌 53
29324
HTML 초보자를 위한 포토샵 강좌 52
12540
JavaScript 초보자를 위한 포토샵 강좌 51
12539
기타 초보자를 위한 포토샵 강좌 50
12538
기타 초보자를 위한 포토샵 강좌 49
이전 다음
전체 목록