호빵홈 소스자료실
현재위치 : hobbang.co.kr > 소스자료실
소스자료실은 홈페이지를 만들거나 꾸밀 수 있는 자바스크립트와 HTML 소스를 제공합니다.
또한 컴퓨터와 인터넷을 사용하면서 유용한 Tip도 제공하니 각 Category를 선택하세요.

Category

  (Homepage)님의 글입니다.
마우스 주위에 돌아다니는 별 2003-09-11 00:28:40, 조회 : 6,024, 추천 : 63
- SiteLink #1 : http://my.dreamwiz.com/mcgyber/js/mouse_ball.js

소스를 가져가는 것은 자유이고 소스 설명을 이해하지 않고 그대로 복사해 가는 경우라면 설명의 출처를 http://hobbang.co.kr 이라고 표기해주시구요.. 자신이 이해하고 이 설명을 참고해서 자신의 홈에 올리는 경우라면 출처 안밝혀도 상관 없습니다.. ^^



▶ 예제 보기

현재 화면에서 마우스 주위에 돌아다니는 빨간색의 점들이 소스 실행 화면입니다..


▶ 자바스크립트 소스 보기
자바스크립트 내용이 길어서 복사해 갈 수 있도록 해놓았습니다. 아래의 [자바스크립트 소스 복사 클릭]을 누르면 복사가 되니 메모장에서 붙여넣기 해서 소스 보세요.



소스는 .js 라는 확장명을 갖도록 저장한 후 자신의 홈에 올린 후 다음과 같이 사용하면 됩니다..

<script language=javascript src=".js파일주소"></script>

.js 파일은 HTML 문서의 아무 곳에나 입력해서 사용하면 되고 되도록이면 </body> 태그가 나타난 후에 사용하기 바랍니다..

.js 파일로 만들지 않고 그냥 사용하고 싶다면 사용할 문서의 아무 곳에나 붙여넣기 해서 사용하면 됩니다.. 단, .js 파일이 아닌 그냥 사용하는 경우에는 복사한 소스의 첫줄의 윗줄에는 <script language=javascript>라고 써주고 소스의 마지막 줄 다음 줄에는 </script>라고 써줘야 합니다..

<script language=javascript>
복사한 소스 붙여넣기
</script>


▶ 자바스크립트 소스 설명
필요에 따라서 수정해야 할 부분만 설명을 합니다..

이 소스에서 마우스 주위에 나타나는 점은 레이어(DIV 태그로 만든 움직일 수 있는 문단)이고 레이어에 배경색을 지정한 것입니다..

점을 움직이게 하는 것은 자바스크립트의 수학(Math) 매소드(Mathod)를 이용하였습니다.. 이것은 수정하지 말고 사용하세요..

여러 분들이 필요에 의해 수정할 부분은 소스에서도 주석문(// 뒤에 있는 설명문)으로 해 놓은 부분입니다..

  • //점의 크기. width:3px;height:3px;와 font-size:2px;로 점의 크기 조절. background:red;로 색 조절
    document.write('
    ');

    : 이 부분은 점들의 크기와 색 지정을 하는 것입니다.. width:3px;height:3px;font-size:2px;로 점의 크기를 조절하고 background:red;로 색 조절을 하면 됩니다..


  • setTimeout("animateLogo()", 15); //움직이는 속도. 숫자가 크면 느려짐
    : 이 부분은 점들의 움직이는 속도를 1000분의 1 (1/1000) 단위로 지정을 한 거입니다.. 현재는 0.015초 단위로 움직이게 되어 있습니다.. 숫자를 크게 하면 움직이는 속도가 느려집니다..




  • 2022-05-17
    04:14:11


      추천하기   목록보기

    현재글을 이메일로 보내기

    No 제 목 글쓴이 작성일 조회
    748   카페 대문용 플래시 소스     10-10 12:22 7709
    747   배경음악(배경노래) 태그 - bgsound, embed 태그     05-24 16:58 7608
    746   embed 태그를 사용한 간단한 음악 플레이, 멈춤 기능     05-24 16:58 7539
    745   비가 내려오는 소스 - 19  [1]   09-08 04:58 7537
    744   HOBBANG-SNOW bgm player 스킨 설정 방법     05-29 00:21 7201
    743   [펌] 줄이고, 자르고, 붙이고     05-05 23:59 7187
    742   연필 스케치 효과     10-01 06:24 7000
    741   스크립트 소스만 암호화, 암호해제 하기 Windows Script Encoder     06-21 23:27 6692
    740   호빵-스노우 플레이어 팝업형을 불러오는 화면만 가면 매번 플레이어가 다시 불려...     10-06 03:30 6458
    739   플래시 섹시한 여자 시계     10-22 06:24 6397
    738   [펌] 화면 캡쳐하기     05-05 23:58 6363
    737   여러 노래를 연속으로 듣는 방법(asx 파일 편집)     05-24 16:57 6355
    736   [펌] 여러 상황별 응급 조치 및 해결 방법     06-27 21:03 6328
    735   깔끔한 플래시 시계     10-21 06:51 6193
      마우스 주위에 돌아다니는 별     09-11 00:28 6024
       [1] 2 [3][4][5][6][7][8][9][10]..[51] [다음 10개]
     
    Copyright 1999-2022 Zeroboard / skin by Praise Jesus
    Copyright ⓒ 1998~ . Hobbang.co.kr. All rights reserved.