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

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

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

댓글 작성

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

로그인하기

게시글 목록

번호 제목
29416
HTML 페이지내에서 이미지만 윈도우창으로 불러내서 보여주고 왼도우창 이미지 크기에 맞추어 조절하기
13230
PHP Fatal error: Maximum execution time of 30 seconds exceeded
13227
PHP $PHP_SELF 가 안될때 2
13226
JavaScript PHP 이미지 지원 함수
13225
기타 php class를 관리
13224
MySQL 심플쪽지2.0n
25107
브러쉬 자료 올려도 되나요? 3
13219
JavaScript iframe 외부의 부모 값에 접근. 4
13218
jQuery select plugin
13216
jQuery jQuery 1.3 버전에 live( type, fn )가 추가 되었네요..^^ 1
13211
jQuery 그누보드 4.31.04 prototype 을 jQuery 로 변경하기 총정리 4
13210
jQuery 회원가입 창 에서 prototype 을 jQuery로 변경하기.
29415
HTML prototype API
13204
jQuery 이미지 리사이즈 jQuery 로 변경 방법 총정리 5
13202
jQuery 이미지 리사이즈 jQuery 로 변경 방법 1
29411
HTML iframe의 높이를 내용에 맞게 자동으로 맞춰주는 함수 3
13199
기타 트리메뉴를 Element ID 없이 간단히 구현하는 데모 소스 2
13196
기타 tar 복사 2
13192
jQuery jQuery 셀렉트 박스 입니다. 3
13191
jQuery rx_graph[1.10].js (그래프 애니매이션) 업그레이드..
13189
jQuery rx_slide[1.00].js 제가 만든 트리뷰 입니다..^^ 1
13186
기타 Ajax.InPlaceEditor. 활용법 2
29408
HTML [질문]select 문 중에서 정렬방법 2
13185
jQuery jQuery plugin Editors
13183
jQuery jQuery 그래프 애니메이션 1
13178
MySQL 리눅스 서버호스팅신청하는데 설치요구정보는 어떻게 요청해야 할까요? 4
13173
기타 이번달 일수 구하기 4
13166
jQuery SIR 메인에 사용된 jQuery widget 6
13165
기타 property 구현
13163
JavaScript 한글만 입력되게 1
13162
기타 휴대폰번호 검사
13157
기타 실시간으로 계산해서 보여주기(엑셀처럼요...) 4
13153
jQuery 이미지 없으면 자동으로 No Image 출력 3
13149
JavaScript a 링크 점선 없애기, input+label 묶기 3
13144
jQuery ifrmae 자동 리사이즈 4
13142
jQuery jquery 코어로 구현된 탭 소스 + 쿠키 제어 1
13141
기타 DOM Element 로 사용
13140
jQuery jquery 예
13138
기타 업로드된 파일 마지막 수정 날짜 구해오기 1
13137
MySQL insert에서 where 사용하기
13136
MySQL MySQL Database 언어코드 수정하기
25102
메신저통합형무료그룹웨어 - NOPSPro 4
13135
jQuery 회원가입 아이디 체크부분 jQuery 버젼
13132
jQuery jQuery History & Bookmark 2
13131
jQuery 스포일러 기능~
13130
jQuery 이미지를 순서대로 로딩하기
13128
jQuery jQuery 페이징 1
13125
jQuery 폼 입력값 검사 2
13117
JavaScript 간단한 서브메뉴 onmouseover 이벤트 팁 7
13116
기타 주민번호 입력시 탭, 백탭 가능하게 하기
13114
jQuery jQuery Cheat sheet 1
13113
jQuery How to get and set form element values with jQuery
13109
jQuery 간단한 풍선도움말 3
13106
jQuery 자동등록방지 코드 2
13105
jQuery Using jQuery with Other Libraries
13103
기타 form submit 이전에 재고 수량을 제대로 얻으려면 1
13102
JavaScript 클릭으로 수량 조절
13099
jQuery AJAX Libraries API -- 구글 2
13096
jQuery jQuery is a new kind of JavaScript Library. 2
13091
jQuery jQuery 동적테이블 4
29404
HTML 동적테이블, 행추가, 열추가, 행삭제, 열삭제 2 3
13090
기타 동적테이블, 행추가, 열추가, 행삭제, 열삭제
13087
JavaScript 검색엔진에 노출을 못하게 하는 방법 2
29400
HTML [HTML] 부드럽게 서브메뉴가 슬라이딩 되는 펼침메뉴 3
13085
PHP phpMyAdmin 하나로 서버내 전체사용자가 사용하기 1
13082
기타 웹페이지을 시디로 구워서 자동으로 실행되게 하는 스크립트 2
29398
HTML 버튼디자인 모양의 css로만 구현된 버튼 1
13081
JavaScript 페이지 인쇄할때 자동으로 다음장 인쇄 기능
13080
기타 특정문자 제거하기
13077
JavaScript 숫자만 입력되게 하기 2
25097
[HP무료제공] BIZ 비즈폼서식총람 4
13076
기타 Ajax의 표기와 발음에 관한 의견!
13075
기타 팝업뛰우기
13072
JavaScript 접속시 우측 하단에 메시지 나타나게 하기 2
13071
MySQL phpMyAdmin 3.0 설치 방법
29397
HTML 글자수 제한시켜 짜르기
13069
기타 업로드 이미지 썸네일 생성 1
13068
기타 ezPrice 1.0.2 금액 입력 도우미
13063
기타 파일 확장자 검사 함수 4
13060
JavaScript ezPrice 금액 입력 도우미 2
25092
사업계획서-온라인및오프라인 유통 4
25091
사업계획서(전자상거래 쇼핑몰 문화상품 유통)(종합쇼핑몰)
25090
물류,유통업 사업계획서 ppt
13056
MySQL FOUND_ROWS() 3
13055
기타 자바스크립트 날짜픽커 (달력)
13054
기타 레이어 스부적스부적 이동 스크립트
29396
HTML 레이어 스부적스부적 이동 스크립트 현재글
13045
PHP 페이지파싱 with 간단한 캐싱 8
13042
기타 javascript replaceAll 쉽게 구현하기 2
13026
기타 페이지파싱예제 : 그누보드 최근 게시물 15
13022
PHP 정규식 고수님들 ㅠㅠ... '차량번호' 정규식좀.. 3
13017
PHP preg_replace 로 게시물 스타일 태그 제거 4
13013
PHP 정규식 질문드립니다. 3
13008
PHP 자신이 정규식에 자신있다! 봐주이소~! 4
13002
PHP 태그변환 정규식 5
12998
PHP 정규식... 문자열 추출... 3
25083
웹사이트 기획개발 프로젝트 ppt 6
12997
기타 ASP 기본 문법 01편
29394
HTML [안전한 웹 코드 작성하기] #3. SQL Injection / Include 취약점 1
29392
HTML [안전한 웹 코드 작성하기] #2. XSS (Cross-Site Scripting) 1
이전 다음
전체 목록