[JavaScript] 팝업 띄울때 줌효과 나타내기

Website 세상/Web Program 2009. 11. 23.
[JavaScript] 팝업 띄울때 줌효과 나타내기
 

 

**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
[JavaScript] 팝업 띄울때 줌효과 나타내기 - IT감리, IT컨설팅, 웹컨설팅, 웹에이전시, 웹솔루션개발, ERP, SCM, CRM, ToTb, 홈페이지제작, 웹사이트 제작, 온라인 마케팅, 시스템구축, 유지보수, 운영대행 등
  • 네이버 블러그 공유하기
  • 네이버 밴드에 공유하기
  • 페이스북 공유하기
  • 라이프코리아트위터 공유하기
  • shared
  • 카카오스토리 공유하기