웹기획
태그공부방
스타일시트/스크립트
포토샵&디자인툴
플래시
PC 활용팁
웹공부방 자료실
웹공부방 Q/A
관련사이트
태그연습장
프로그래밍&개발
·
php
·
java, jsp
·
asp
·
database
·
Linux
·
javascript
·
웹표준,웹접근성
·
개발참고자료
기존 공부방
·
HTML
·
JAVASCRIPT
·
CSS/DHTML
이미지가 마우스 주위에서 돌다가 흩어지고 모이고 하는 소스
햄스터가....... ^^;
[소스]
<br>햄스터가....... ^^; <script language="JavaScript"> <!-- Morph Spin (Image) Script by kurt.grigg@virgin.net image=new Image(); image.src='ham.gif'; var ns=(document.layers)?1:0; var step=1; var cstep = 0; var a=0; var b=100; var Xpos=0; var Ypos=0; var n=7; function Mouse(evnt){ Ypos = event.y; Xpos = event.x; } document.onmousemove=Mouse; document.write('<div id="ie" style="position:absolute;top:0;left:0;"><div style="position:relative">'); for (i=0; i < n; i++) document.write('<img src="'+image.src+'" id="iestars" style="position:absolute;top:0px;left:0px;visibility:hidden">'); document.write('</div></div>'); function MorphSpin(){ var wdth=document.body.clientWidth; var dot=iestars[0].style; var vsblty='visible'; var nvsblty='hidden'; for (i = 0; i < n; i++){ dot.visibility=vsblty; dot.top=Ypos+a*Math.cos((cstep+i*4.5)/5); dot.left=Xpos+a*Math.sin((cstep+i*4.5)/5); } a+=1; cstep+=step; setTimeout('MorphSpin()',10); for (i = 0; i < n; i++){ var dots=iestars[i].style; if (a >= 100){ a=100; step=2.5; dots.visibility=vsblty; dots.top=Ypos+a*Math.cos((cstep-100)*i/90); dots.left=Xpos+a*Math.sin((cstep-100)*i/90); } if (cstep > 182){ step=0.5; dots.top=Ypos+b*Math.cos(((cstep-182)+i*4.5)/5)*Math.cos((cstep-182)/5); dots.left=Xpos+b*Math.sin(((cstep-182)+i*4.5)/5); } } if (cstep > 210) b-=10; if (b < -wdth){ for (i = 0; i < n; i++){ iestars[i].style.top=-200; } cstep=0; step=1; a=0; b=100; } } MorphSpin(); //--> </script>
FREECOUNT.NET 프카넷 생긴날 2003.12.20
홈
|
카운터
|
플래시북
|
프리보드
|
전광판
|
웹공부방
|
커뮤니티
|
쪽지함
