소스자료실

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

Category

(Homepage)님의 글입니다.

[화이트데이] 마우스를 움직이면 사탕이 마우스 옆에 나타나는 소스 - 7

2003-05-27 01:34:57, 조회 : 891, 추천 : 12

- SiteLink #1 : http://my.dreamwiz.com/mcgyber/js/mouse-light36.js

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

이 내용은 새로 나올 호빵 자바스크립트 책에 포함될 내용입니다..

▶ 예제 보기

<body oncontextmenu="return false" onselectstart="return false" ondragstart="return false">
<script language="javascript">

var isNS = (navigator.appName == "Netscape");
layerRef = (isNS) ? "document" : "document.all";
styleRef = (isNS) ? "" : ".style";
	
var queue = new Array();
var NUM_OF_TRAIL_PARTS = 6

var img_src = "http://mcgyber.mytripod.co.kr/divid/images/candy7.gif";

for (x=1; x < 7; x++) {	 ///////////////Image Preload
	eval("trailSpriteFrame" + x + " = new Image(10,10);");
	eval("trailSpriteFrame" + x + ".src = img_src;");
}

////////////////////////////////////////////////The trail Object

function trailSpriteObj(anID) {
	this.trailSpriteID = "trailSprite" + anID; //as before 
	this.imgRef = "trailSprite" + anID + "img"; //reference to the sprites image name
	this.currentFrame = 1; //the varible for looking after the frame
	this.animateTrailSprite = animateTrailSprite; //declare the objects method cycle
}

function processAnim() {
	for(x=0; x < NUM_OF_TRAIL_PARTS; x++)
		queue[x].animateTrailSprite();
}

function shuffleQueue() {
	lastItemPos = queue.length - 1;
	lastItem = queue[lastItemPos];
	for (i = lastItemPos; i>0; i--) 
		queue[i] = queue[i-1];
	queue[0] = lastItem;
		
	queue[0].currentFrame = 1;	//reset the objects frame number & make the sprite visible again
	eval(layerRef + '.' + queue[0].trailSpriteID +  styleRef + '.visibility = "visible"');	
	
	return 	queue[0].trailSpriteID;
}

function init() {
	for(x=0; x<NUM_OF_TRAIL_PARTS; x++) 	//fill array with trail objects
		queue[x] = new trailSpriteObj(x+1) ;
	
	if (isNS) { document.captureEvents(Event.MOUSEMOVE); }
	document.onmousemove = processMouse;

setInterval("processAnim();",25);
}

window.onload = init;

</script>

실행화면 창에서 오류가 나는 것은 무시하셔도 됩니다.. 이 화면에서만 오류가 발생하는 것이고 실제 사용할 때에는 전혀 오류가 발생하지 않습니다..

▶ 자바스크립트 소스 복사

자바스크립트 소스의 내용은 특별히 수정할 것 없도록 해놓았습니다..
아래 검은색 버튼을 누르면 내용이 복사되니 <script> 태그를 사용할 수 있는 곳 어디서든 붙여넣기 해서 사용하세요..

자바스크립트 소스인 .js 파일에서 사용하는 그림 파일은 제가 가진 무료 홈계정에 있습니다.. 그래서 가끔 그림이 아예 안보이는 경우가 있습니다..
이러한 문제점을 해결하려면 위의 SiteLink #1 옆의 .js 파일을 클릭해서 다운 받은 후 윈도우 보조 프로그램인 워드패드나 텍스트 편집 프로그램에서 파일을 열어 그림 파일의 주소를 보고 각 그림들을 다운로드 받습니다..
그리고 그림 파일을 자신의 홈 계정에 올려놓고 .js 파일 안에 적혀 있는 그림의 주소를 자신의 홈 그림이 올려진 주소로 수정한 후에 역시 .js 파일도 자신의 홈에 올려놓고 사용하세요..
그러면 자신의 홈에서는 항상 그림이 안보이는 경우는 없을 것입니다..

2023-10-05
08:05:49

추천하기

목록보기

현재글을 이메일로 보내기

이메일로 보내기

No	제 목	글쓴이	작성일	조회
13	[겨울] 산타가 올라가는 소스		05-26 03:15	919

12	[화이트데이] 사탕이 내려오는 소스 - 11		05-27 01:13	912

11	[겨울] 마우스를 움직이면 루돌프 산타호빵이 마우스 옆에 나타나는 소스		05-26 23:04	909

	[화이트데이] 마우스를 움직이면 사탕이 마우스 옆에 나타나는 소스 - 7		05-27 01:34	891

9	[겨울] 마우스를 움직이면 크리스마스 장식한 산타호빵이 마우스 옆에 나타나는 ...		05-26 23:08	889

8	[화이트데이] 사탕이 마우스에 따라다니는 소스 - 13		05-27 00:55	873

7	[화이트데이] 사탕이 내려오는 소스 - 1		05-27 01:01	867

6	[화이트데이] 사탕이 마우스에 따라다니는 소스 - 8		05-27 00:53	850

5	[화이트데이] 사탕이 마우스에 매달려 따라다니는 소스 - 8		05-27 00:58	848

4	[화이트데이] 마우스에서 사탕이 피어오르는 소스-3		05-27 00:41	843

3	[화이트데이] 마우스를 움직이면 사탕이 마우스 옆에 나타나는 소스 - 5		05-27 01:32	842

2	[화이트데이] 마우스를 움직이면 사탕이 마우스 옆에 나타나는 소스 - 3		05-27 01:30	828

1	[화이트데이] 마우스를 움직이면 사탕이 마우스 옆에 나타나는 소스 - 1		05-27 01:23	826

[이전 10개] [1].. 51