출처 :: http://yoonmi.net
관련 페이지 :: http://yoonmi.net/zboard/study/study29.htm
========================================
<body> </body> 사이에 소스를 삽입하세요. (1)
========================================
<script language="javascript">
<!--
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";
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)
{
var w=window.open(zLink.href,'','width='+maxW+',height='+maxH+',left='+adjX+',top='+adjY+',scrollbars=no');
zNew=null;
}
}
}
//-->
</script>
========================================
<body> </body> 사이에 소스를 삽입하세요. (2)
========================================
<a href='http://www.yoonmi.net' onclick="zoomBox(event,this,300,300,100,100);return false">새창열어보기</a>;
스르르륵~ 앞으로 귀신같이 튀어나오는 예쁜 스크립트 입니다. |
|
|
|
