마우스커서 주위 3D효과 글자 happycgi

회원가입

출석체크

마이페이지

CGIMALL

jquery , CSS , PHP , Javascript , 무료폰트 , ASP

홈 > JAVASCRIPT > javascript 소스창고 > 마우스효과 > 마우스커서 주위 3D효과 글자 상세정보

클라우드태그

Javascript

PHP

ASP

css

html

mysql

jquery

image

API

Mobile

메뉴

slide

게시판

현재접속자 명

마우스커서 주위 3D효과 글자

해피팀

네티즌

소스분류

마우스효과

다운로드 횟수

1301 회

간단설명

마우스커서 주위로 3D효과처럼 원형으로 글자가 돌아가는 스크립트입니다.

평가하기

<SCRIPT LANGUAGE="JavaScript">
<!--

if (document.all) {
yourLogo = "HappyCGI";
logoFont = "돋움체";
logoColor = "#292280";
yourLogo = yourLogo.split('');
L = yourLogo.length;
TrigSplit = 360 / L;
Sz = new Array()
logoWidth = 50;
logoHeight = -50;
ypos = 0;
xpos = 0;
step = 0.03;
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:12px;'
+'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>