<html>
<head>
<!--meta http-equiv="Content-Type" content="text/html; charset=EUC-kr"-->
<!--meta http-equiv="Content-Type" content="text/html; charset=unicode"-->
<meta http-equiv="Content-Type" content="text/html; charset=ks_c_5601-1987">
<style type="text/css">
.body {width:100%;overflow-x:hidden;overflow-y:scroll;background:ivory;}
.myTrail {position:absolute;visibility:visible;top:-50px;font-size:9pt;font-family:굴림체;color:gold;background: ;}
</style>
</head>
<body bgcolor=blue>
<script language="javascript">
<!--//
var x,y;
var spc=15;
var flag=0;
var myText="왜| |따|라|댕|기|는| |거|여|?|<img src='1.gif'>|";
myText=myText.split("|");
var posx=new Array();
for (i=0;i<=myText.length-1;i++) {
posx[i]=-50;
}
var posy=new Array();
for (i=0;i<=myText.length-1;i++) {
posy[i]=-50;
}
function countXY(e){
x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX;
y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY;
flag=1;
}
function makeTrail() {
if (flag==1 && document.all) {
for (i=myText.length-1; i>=1; i--) {
posx[i]=posx[i-1]+spc;
posy[i]=posy[i-1];
}
posx[0]=x+spc;
posy[0]=y;
for (i=0; i<myText.length-1; i++) {
var thisspan = eval("span" + i + ".style");
thisspan.posLeft=posx[i];
thisspan.posTop=posy[i];
}
}
else if (flag==1 && document.layers) {
for (i=myText.length-1; i>=1; i--) {
posx[i]=posx[i-1]+spc;
posy[i]=posy[i-1];
}
posx[0]=x+spc;
posy[0]=y;
for (i=0; i<myText.length-1; i++) {
var thisspan = eval("document.span"+i);
thisspan.left=posx[i];
thisspan.top=posy[i];
}
}
var timer=setTimeout("makeTrail()",30);
}
for (i=0;i<=myText.length-1;i++) {
document.write("<span id='span"+i+"' class='myTrail'>");
document.write(myText[i]);
document.write("</span>");
}
if (document.layers){
document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = countXY;
makeTrail();
//-->
</script>
</body>
</html>
'Tech: > HTML·DHTML' 카테고리의 다른 글
| IE에서 BLINK 사용하기 (0) | 2008.06.26 |
|---|---|
| 웹에서 오른쪽 마우스 버튼 못쓰게 하기 (1) (0) | 2008.06.26 |
| Javascript: refresh (0) | 2008.06.26 |
| Tag 몇 가지 더... (0) | 2008.06.26 |
| DHTML 관련 팁 몇 가지... (0) | 2008.06.26 |
