태그 자료실

회원로그인

무료회원가입 보안로그인

아이디/비밀번호찾기

브라우저를 동적으로 부드럽게 리사이즈

12년 전

<html>
<head>
    <title> musictrot.com </title>

<script>
function resizeWin(maxX,maxY,speed,delay,win){
    this.obj = "resizeWin" + (resizeWin.count++);
    eval(this.obj + "=this");
    if (!win)     this.win = self;    else this.win = eval(win);
    if (!maxX)    this.maxX = 400;    else this.maxX = maxX;
    if (!maxY)    this.maxY = 300;    else this.maxY = maxY;
    if (!speed)   this.speed = 1/2;   else this.speed = 1/speed;
    if (!delay)   this.delay = 0;    else this.delay = delay;
    this.doResize = (document.all || document.getElementById);
    this.stayCentered = false;

    this.initWin =     function(){
        if (this.doResize){
            this.resizeMe();
            }
        else {
            this.win.resizeTo(this.maxX + 10, this.maxY - 20);
            }
        }

    this.resizeMe = function(){
        this.win.focus();
        this.updateMe();
        }

    this.resizeTo = function(x,y){
        this.maxX = x;
        this.maxY = y;
        this.resizeMe();
        }

    this.stayCentered = function(){
        this.stayCentered = true;
        }

    this.updateMe = function(){
        this.resizing = true;
        var x = Math.ceil((this.maxX - this.getX()) * this.speed);
        var y = Math.ceil((this.maxY - this.getY()) * this.speed);
        if (x == 0 && this.getX() != this.maxX) {
            if (this.getX() > this.maxX) x = -1;
            else  x = 1;
            }
        if (y == 0 && this.getY() != this.maxY){
            if (this.getY() > this.maxY) y = -1;
            else y = 1;
            }
        if (x == 0 && y == 0) {
            this.resizing = false;
            }
        else {
            this.win.top.resizeBy(parseInt(x),parseInt(y));
            if (this.stayCentered == true) this.win.moveTo((screen.width - this.getX()) / 2,(screen.height - this.getY()) / 2);
            setTimeout(this.obj + '.updateMe()',this.delay)
            }
        }

    this.write =  function(text){
        if (document.all && this.win.document.all["coords"]) this.win.document.all["coords"].innerHTML = text;
        else if (document.getElementById && this.win.document.getElementById("coords")) this.win.document.getElementById("coords").innerHTML = text;
        }

    this.getX =  function(){
        if (document.all) return (this.win.top.document.body.clientWidth + 10)
        else if (document.getElementById)
            return this.win.top.outerWidth;
        else return this.win.top.outerWidth - 12;
    }

    this.getY = function(){
        if (document.all) return (this.win.top.document.body.clientHeight + 29)
        else if (document.getElementById)
            return this.win.top.outerHeight;
        else return this.win.top.outerHeight - 31;
    }

    this.onResize =  function(){
        if (this.doResize){
            if (!this.resizing) this.resizeMe();
            }
        }

    return this;
}
resizeWin.count = 0;
</script>

</head>

<BODY>
<b>
<a href=# onclick="javascript:dolion = new resizeWin(700,500);dolion.stayCentered();dolion.initWin();dolion.onResize();">윈도우 리사이즈 (700 x 500)1</a><br>
<a href=# onclick="javascript:dolion = new resizeWin(800,300);dolion.stayCentered();dolion.initWin();dolion.onResize();">윈도우 리사이즈 (800 x 300)2</a><br>
<a href=# onclick="javascript:dolion = new resizeWin(400,500);dolion.stayCentered();dolion.initWin();dolion.onResize();">윈도우 리사이즈 (400 x 500)3</a><br>
<a href=# onclick="javascript:dolion = new resizeWin(350,350);dolion.stayCentered();dolion.initWin();dolion.onResize();">윈도우 리사이즈 (350 x 350)4</a><br>
</b>

추천 목록

번호	제목
2,075	업로드 확장자 체크하기
2,074	무단링크 금지 소스
2,073	이미지의 가로크기가 지정한 것보다 크면 자동 크기 축소/확대
2,072	이미지가 지정크기보다 클 때만 자동리사이즈
2,071	1 분마다 빠뀌는 배경
2,070	주소창에 경로감추기
	브라우저를 동적으로 부드럽게 리사이즈
2,068	ob_start
2,067	javascript typeof() 연산자
2,066	플래시코드중 스크린메뉴보임/메뉴감춤/크기변함 등등 부가적 옵션 (fscommand)
2,065	xml파일의 활용 - xpath 를 사용하기 -액션2.0코딩
2,064	플래쉬 액션스크립트 정리
2,063	리눅스 파티션 권장 분할
2,062	웹 프로그램 로드 시뮬레이션
2,061	MS-SQL에서 테이블 소유자 변경
2,060	ms sql 저장 프로시저
2,059	Apache 2.2 Tomcat 6.0 연동
2,058	Apache Tomcat연동
2,057	레드헷 9.0 서버 구축
2,056	mysql complie 옵션
2,055	sayMusic php컴파일 옵션
2,054	asp.net DataList컨트롤에서 페이징구현
2,053	Android 개발 정리
2,052	안드로이드 개발 환경구축
2,051	vmware에서 리눅스 설치후 tool설치
2,050	자바스크립트 정규식
2,049	input박스에 값이 들어오자 마자 해당되는값 출력
2,048	php string 관련 함수 정리
2,047	iexplore.exe 단축 명령
2,046	윈도XP, 바탕화면에서 사라진 인터넷 익스플로어 아이콘 만들기