<html>
<head>
<title>해피CGI</title>
<script>
var imgname='image/test.jpg'; //이미지경로
function jsfi_run() {
var cx, cy, ref;
for (var i=0; i<vlines; i++) {
cx = ox + i*boxwidth;
cy = Math.round(oy + Math.sin(Math.PI*4*(i+cnt)/(vlines-1))*10);
ref=(document.layers)?document.layers['ns4o'+i]:(document.all)?document.all['o'+i]:document.getElementById('o'+i);
if (document.layers) ref.moveTo(cx, cy); else { ref.style.left = cx; ref.style.top = cy; }
}
cnt++; if (cnt>vlines) cnt-=vlines;
setTimeout("jsfi_run()",75,"JavaScript");
}
function mtrack(e) {
ox = (window.opera)?window.event.clientX:(document.all)?event.clientX+document.body.scrollLeft:e.pageX;
oy = (window.opera)?window.event.clientY:(document.all)?event.clientY+document.body.scrollTop:e.pageY;
}
var imgwidth = 600; //원본이미지 가로크기설정
var boxheight = 411; //원본이미지 세로크기설정
var boxwidth = 25; //조각이미지 가로크기설정
//숫자가작을수록 세밀하게 표현하고, 속도는 느림// 숫자가높으면 속도빠름
var ox = 0;
var oy = -1000;
var vlines, cnt;
var txt = '';
vlines = Math.round(imgwidth/boxwidth); cnt=0;
for (var i=0; i<vlines; i++) {
if (document.layers) txt+='<layer name="ns4o'+i+'" visibility="hidden" width="'+boxwidth+'" height="'+boxheight+'" >';
txt+='<div id="o'+i+'" style="position:absolute; left:0px; top:0px; width:'+boxwidth+'; height:'+boxheight+'; visibility:visible; overflow:hidden;">';
txt+='<div id="i'+i+'" style="position:absolute; left:'+(-i*boxwidth)+'px; top:0px; overflow:hidden; cursor:default;">';
txt+='<img src='+imgname+'>';
txt+='</div></div>';
if (document.layers) txt+='</layer>';
}
document.writeln(txt);
if (document.layers) document.captureEvents(Event.MOUSEMOVE);
document.onmousemove=mtrack;
jsfi_run();
</script>
</head>
|
