마우스를 따라다니는 글자들 (소스)
2015. 9. 7. 12:38
컴퓨터-유용한팁/스크립트
| <head> <title>마우스 따라다니는 글자들</title> <script> var textfont="굴림" var textsize=12 var textcolor="ffffff" var letterspace=12 var msg=new Array() msg[0]="안녕하새용.여어자애용!" msg[1]="계속하여 글씨가 바뀌지용!" msg[2]="소스가 복잡하여 할까말까하다가.." msg[3]="그냥 한번 해 보자고용,써봤어영!" msg[4]="구럼 웃기는 여어자는 물러갑니다." var maxloop=50 var x,y var step=20 var flag=0 var timer var msglength=msg[0].length-1 var i_mes=0 var loopcounter=0 var xpos=new Array() var ypos=new Array() for (i=0; i<=msg.length-1;i++) { msg[i]=msg[i]+" " } for (i=1; i<=msg.length-1;i++) { if(msg[i].length-1 >= msg[i-1].length-1) {msglength=msg[i].length-1} } for (i=0; i<=msglength-1;i++) { xpos[i]=0 ypos[i]=0 } if (document.layers) { if (textsize>20) {textsize=6} else if (textsize>20) {textsize=5} else if (textsize>14) {textsize=4} else if (textsize>10) {textsize=3} else if (textsize>8) {textsize=2} else if (textsize<=7) {textsize=1} } function handlerMM(e){ x = (document.layers) ? e.pageX : event.clientX y = (document.layers) ? e.pageY : event.clientY flag=1 } function makesnake() { if (flag==1 && loopcounter<=maxloop) { 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 if (document.all) { for (i=0; i<message.length-1; i++) { var thisspan = eval("document.all.span"+(i)+".style") thisspan.posLeft=xpos[i] thisspan.posTop=ypos[i] } } if (document.layers) { for (i=0; i<message.length-1; i++) { var thisspan = eval("document.span"+i) thisspan.left=xpos[i] thisspan.top=ypos[i] } } loopcounter++ timer=setTimeout("makesnake()",20) } else { clearTimeout(timer) clearmessage() } } function clearmessage() { loopcounter=0 if (document.all) { for (i=0;i<=msglength;i++) { var thisspan = eval("document.all.span"+i) thisspan.innerHTML=" " var thisspan = eval("document.all.span"+(i)+".style") thisspan.posLeft=-5000 } } if (document.layers) { for (i=0;i<=msglength;i++) { var thisspan = eval("document.span"+i+".document") thisspan.left=-5000 thisspan.write("<p> </p>") thisspan.clear() thisspan = eval("document.span"+i) } } changemessage() } function changemessage() { var messa=msg[i_mes] message=messa.split("") if (document.all) { for (i=0;i<=message.length-1;i++) { var thisspan = eval("document.all.span"+i) thisspan.innerHTML="<p style='font-family:"+textfont+";font-size:"+textsize+";color:"+textcolor+"'>"+message[i]+"</p>" } } if (document.layers) { for (i=0; i<message.length-1; i++) { var thisspan=eval("document.span"+i+".document") thisspan.write("<p><font size="+textsize+" color="+textcolor+" face="+textfont+">"+message[i]+"</font></p>") thisspan.clear() } } i_mes++ if (i_mes>=msg.length) {i_mes=0} i_path=0 timer=setTimeout("makesnake()",50) } </script> <STYLE> .spanstyle { position:absolute; left:-5000px; } .explainstyle { position: absolute; top:140px; left:80px; width:440px; color:ffffff; font-size:12pt; font-family:굴림; } A { color:ffffff; } A:Hover { color:ffffff; } </STYLE> </head> <body bgcolor="#003366" onLoad="clearmessage();" text="black" link="teal" vlink="teal" alink="#9999FF"> <script> <!-- Beginning of JavaScript - for (i=0;i<=msglength;i++) { document.write("<span id='span"+i+"' class='spanstyle'>") document.write("</span>") } if (document.layers){ document.captureEvents(Event.MOUSEMOVE); } document.onmousemove = handlerMM; </script> <p align="center"> </p> </body> |
'컴퓨터-유용한팁 > 스크립트' 카테고리의 다른 글
| 예쁜이미지 마우스 따라오기 (0) | 2015.09.07 |
|---|---|
| 반짝거리는 글씨 (0) | 2015.09.07 |
| 크롬창 띄우기 소스 (0) | 2015.09.07 |
| 하나의버튼으로 두개의 새창띄우기 (0) | 2015.09.07 |
| BGM 설치하기 (0) | 2015.09.07 |