http://oxtag.com/html/ex/mouse_circle.html
아래 소스를 바디 안에 넣으세요.
소스 :
<SCRIPT LANGUAGE="JavaScript">
<!--
if (document.all) {
yourLogo = "♡카멜롯의♡태그피아";
logoFont = "휴먼매직체";
logoColor = "#ff9900";
yourLogo = yourLogo.split('');
L = yourLogo.length;
TrigSplit = 360 / L;
Sz = new Array()
logoWidth = 80;
logoHeight = -45;
ypos = 0;
xpos = 0;
step = 0.06;
currStep = 0;
document.write('<div id="outer" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i = 0; i < L; i++) {
document.write('<div id="ie" style="position:absolute;top:0px;left:0px;'
+'width:10px;height:10px;font-family:'+logoFont+';font-size:15px;'
+'color:'+logoColor+';text-align:center">'+yourLogo[i]+'</div>');
}
document.write('</div></div>');
function Mouse() {
ypos = event.y;
xpos = event.x - 5;
}
document.onmousemove=Mouse;
function animateLogo() {
outer.style.pixelTop = document.body.scrollTop;
for (i = 0; i < L; i++) {
ie[i].style.top = ypos + logoHeight * Math.sin(currStep + i * TrigSplit * Math.PI / 180);
ie[i].style.left = xpos + logoWidth * Math.cos(currStep + i * TrigSplit * Math.PI / 180);
Sz[i] = ie[i].style.pixelTop - ypos;
if (Sz[i] < 5) Sz[i] = 5;
ie[i].style.fontSize = Sz[i] / 1.7;
}
currStep -= step;
setTimeout('animateLogo()', 20);
}
window.onload = animateLogo;
}
//-->
</script>
반응형
'인터넷정보' 카테고리의 다른 글
이미지에 마우스 오버시 사운드가 나오는 태그 (0) | 2007.10.17 |
---|---|
이미지 랜덤 모드로 변화합니다. (0) | 2007.10.17 |
이미지 랜덤 모드로 변화합니다. (0) | 2007.10.17 |
마우스 주위를 빙글 돌면 흩어지는 이미지 (0) | 2007.10.17 |
마우스 주위를 빙글 돌면 흩어지는 이미지 (0) | 2007.10.17 |
마우스 주위를 빙글빙글 도는 텍스트(커졌다/작아졌다) (0) | 2007.10.17 |
스타일을 이용한 양끝맞추기 (0) | 2007.10.17 |
스타일을 이용한 양끝맞추기 (0) | 2007.10.17 |
구글 검색엔진이 해킹툴? (0) | 2007.10.17 |
구글 검색엔진이 해킹툴? (0) | 2007.10.17 |