//스네이크 텍스트
var x,y;
var step=10;
var flag=0;
var message="I LOVE DOKDO";
message=message.split("");
var xpos=new Array()
for(i=0; i<message.length-1; i++){
xpos[i] = -50;
}
var ypos=new Array()
for(i=0; i<message.length-1; i++){
ypos[i] = -50;
}
function handlerMM(e){
x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX;
y = (document.layers) ? e.pageY : document.body.scrollLeft+event.clientY;
flag = 1;
}
function makesnake(){
if(flag ==1 && document.all){
for(i=message.length-1; i>=1; i--){
xpos[i]=xpos[i-1]+step;
ypos[i]=ypos[i-1];
}
xpos[0]=x+step;
ypos[0]=y;
for(i=0; i<message.length-1; i++){
var thisspan = eval("span"+(i)+".style")
thisspan.posLeft=xpos[i];
thisspan.posTop=ypos[i];
}
}
else if(flag ==1 && document.layers){
for(i=message.length-1; i>=1; i--){
xpos[i]=xpos[i-1]+step;
ypos[i]=ypos[i-1];
}
xpos[0]=x+step;
ypos[0]=y;
for(i=0; i<message.length-1; i++){
var thisspan = eval("document.span"+i)
thisspan.left=xpos[i];
thisspan.top=ypos[i];
}
}
var timer=setTimeout("makesnake()", 30)
}
사용하고자 하는 html 파일에다가
<body onLoad="makesnake();" style="overflow:hidden;">
<!-- 스네이크 텍스트 -->
<script language="javascript">
for(i=0; i<=message.length-1; i++){
document.write("<span id='span" + i + "' class='spanstyle'>")
document.write(message[i])
document.write("</span>")
}
if(document.layers){
document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = handlerMM
</script>
'2020년도 이전 > [WebSig] JavaScript' 카테고리의 다른 글
프롬포트를 이용한 alert 구구단 (0) | 2013.06.23 |
---|---|
자바스크립트 단축키 (0) | 2013.06.22 |
자바스크립트 달력 (0) | 2013.06.22 |
모든 브라우저 대응하는 자바스크립트 즐겨찾기 (0) | 2013.06.22 |
자바스크립트 타이틀 (0) | 2013.06.22 |