Think Outside The Box

**head태그에 넣을 소스

var maxW,maxH,fromX,fromY,toX,toY,adjX,adjY,zBox,zStep=0,zLink,zNew;

function zoomBox(evt,zlink,maxw,maxh,tox,toy)
{
        if (arguments.length > 2)
        {
                zNew=1;
        }
        scrollH = (window.pageYOffset!=null)?window.pageYOffset:document.body.scrollTop;
        maxW = maxw?maxw:window.innerWidth?innerWidth:document.body.clientWidth;
        maxH = maxh?maxh:window.innerHeight?innerHeight:document.body.clientHeight;
        toX = tox?tox:0;
        toY = (toy?toy:0)+scrollH;
        fromX = evt.pageX?evt.pageX:evt.clientX;
        fromY = (evt.pageY?evt.pageY:evt.clientY)+(document.all?scrollH:0);
        adjX = toX+evt.screenX-fromX;
        adjY = toY+evt.screenY-fromY;

        if (document.createElement && document.body.appendChild && !zBox)
        {
                zBox=document.createElement("div");
                zBox.style.position = "absolute";
                document.body.appendChild(zBox);
        }
        else if (document.all && !zBox)
        {
                document.all[document.all.length-1].outerHTML+='<div id="zBoxDiv" style="position:absolute"></div>';
                zBox=document.all.zBoxDiv;
        }
        else if (document.layers && !zBox)
        {
                zBox = new Layer(maxW);
                zBox.style=zBox;
        }

        zLink = zlink;
        doZoom();
}

function doZoom() {
        zStep+=1;
        zPct=(10-zStep)/10
        if (document.layers)
        {
                zBox.moveTo(toX+zPct*(fromX-toX),toY+zPct*(fromY-toY));
                zBox.document.open();
                zBox.document.write("<table width='"+maxW*(1-zPct)+"' height="+maxH*(1-zPct)+" border=2 cellspacing=0><tr><td></td></tr></table>");
                zBox.document.close();
        }
        else
        {
                zBox.style.border = "2px solid #999999"; // 테두리 굵기px solid 테두리 색
                zBox.style.left = toX+zPct*(fromX-toX);
                zBox.style.top = toY+zPct*(fromY-toY);
                zBox.style.width = maxW*(1-zPct);
                zBox.style.height = maxH*(1-zPct);
        }

        zBox.style.visibility = "visible";
        
        if (zStep < 10)
        {
                setTimeout("doZoom("+fromX+","+fromY+","+toX+","+toY+")",30);
        }
        else
        {
                zBox.style.visibility='hidden';
                zStep=0;
                if (zLink && !zNew)
                {
                        location.href=zLink.href;
                }
                else if (zLink && zNew)
                { // 윈도 이름 주시면 1개밖에 사용하질 못합니다.
                        var w=window.open(zLink.href,'','width='+maxW+',height='+maxH+',left='+adjX+',top='+adjY+',scrollbars=no');
                        zNew=null;
                }
        }
}




** 적용될 곳에 넣을 소스

<a href='팝업으로 띄울 창파일명' onclick="zoomBox(event,this,가로사이즈,세로사이즈,0,0);return false">

홈페이지제작 홈페이지제작문의 회사홈페이지제작 쇼핑몰제작 쇼핑몰구축 폐쇄몰 복지몰 몰인몰 효과음 pop시스템 pos시스템 mes crm erp erp컨설턴트 scm me2day 물류프로그램 서버구입 홈페이지빌더 효과음 복지몰 erp프로그램 파워빌더 erp컨설턴트 일본구매대행 부동산119 제로옥션 동영상강의제작 홈페이지계약서 홈페이지제작추천 salesforceautomation 그룹웨어 아이템거래 아이템거래사이트 구직사이트 웹호스팅 웹호스팅비용 바코드시스템 온라인마케팅 IT컨설팅 웹에이전시 ToT 홈페이지제작 홈페이지제작문의 회사홈페이지제작 쇼핑몰제작 쇼핑몰구축 폐쇄몰 복지몰 몰인몰 효과음 pop시스템 pos시스템 mes crm erp erp컨설턴트 scm me2day 물류프로그램 서버구입 홈페이지빌더 효과음 복지몰 erp프로그램 파워빌더 erp컨설턴트 일본구매대행 부동산119 제로옥션 동영상강의제작 홈페이지계약서 홈페이지제작추천 salesforceautomation 그룹웨어 아이템거래 아이템거래사이트 구직사이트 웹호스팅 웹호스팅비용 바코드시스템 온라인마케팅 IT컨설팅 웹에이전시 ToTb
홈페이지제작 홈페이지제작문의 회사홈페이지제작 쇼핑몰제작 쇼핑몰구축 폐쇄몰 복지몰 몰인몰 효과음 pop시스템 pos시스템 mes crm erp erp컨설턴트 scm me2day 물류프로그램 서버구입 홈페이지빌더 효과음 복지몰 erp프로그램 파워빌더 erp컨설턴트 일본구매대행 부동산119 제로옥션 동영상강의제작 홈페이지계약서 홈페이지제작추천 salesforceautomation 그룹웨어 아이템거래 아이템거래사이트 구직사이트 웹호스팅 웹호스팅비용 바코드시스템 온라인마케팅 IT컨설팅 웹에이전시 ToTb