웹마스터 팁

  2. Support
  3. 웹마스터 팁

▩마우스 주위에 3D 처럼 뱅뱅도는 글자

2002.03.11 10:57

▩윤미

===============================================================
예제보기: http://my.netian.com/~qbqb0808/study27.htm
===============================================================

<Head>와 </Head>사이에 입력
==============================================================
<SCRIPT LANGUAGE="JavaScript">
<!--

if (document.all) {
yourLogo = "Yoonmi.waa.to"; // 마우스 주위에 나타날 글자 를 써주세요.
logoFont = "돋움체"; // 글자체
logoColor = "#FDB7CE"; // 글자색
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>
===========================================================
주석 붙였습니다.
고대로 하시면 되구요.
제가 설명한거 외에 고치지 않았으면 좋겠네요^^
이 게시물을
수정 삭제
좋아요
목록
제목 글쓴이 날짜
스크롤바색상바꿔주는프로그램(수정) [3] 이슈™ 2002.03.13
▩마우스 주위에 3D 처럼 뱅뱅도는 글자 [6] ▩윤미 2002.03.11
테두리가 스믈스믈한 -_-;; file 란즈 2002.03.02
빠르게 이동하는 텍스트 file 란즈 2002.03.02
깜박거리는 문자 [1] file 란즈 2002.03.02
강한 인상을주는 (?) 환영메세지 -_-; [5] file 란즈 2002.03.02
텍스트 지진(?)효과 내기 file 란즈 2002.03.02
페이지 사용안하고 팝업띄우기 [4] file 란즈 2002.03.02
▩물결 처럼 흐르는 것같은 이미지 슬라이드 쇼 [2] ▩윤미 2002.02.28
▩마우스를 대면 하이퍼텍스트 스크롤하는 법 (링크할수있음) ▩윤미 2002.02.28
▩시작 정지가 가능한 테이블 스크롤 메시지 ▩윤미 2002.02.27
▩휠마우스처럼 사용하기.. [6] ▩윤미 2002.02.26
▩두문장을 blur효과주며 보여주기 [3] ▩윤미 2002.02.26
▩자바스크립, 계산기 소스 (기본) [2] ▩윤미 2002.02.26
▩문서선택 &소스선택을 위한 셀렉트 스크립트 ▩윤미 2002.02.26
▩그림 슬라이드 되고, 마우스 대면 그림 멈추는 스크립트 [1] ▩윤미 2002.02.26
▩찾기 기능을 내 홈페이지에 넣어보자 [1] ▩윤미 2002.02.26
▩셀블렌딩( 테이블 색 서서히 변화주기효과) ▩윤미 2002.02.26
▩화면에 무자기로 뜨게하는 물방울 (다른 모양가능) ▩윤미 2002.02.26
▩키보드글씨가 그대로 화면에 나타나는 스크립트 [5] ▩윤미 2002.02.26
태그 쓰기