윈도우를 흔들자 ?! 찌리리~~ >,<

위챗(微信)에 공유

광수 | 2001.10.16 10:10:07 댓글: 0 조회: 428 추천: 5

분류컴관련 강좌·팁 https://life.moyiza.kr/itstudy/1746871

<head> 와 </head> 사이에 아래 소스를 삽입하세요.
<script language="javascript">

</script>
<body> 속 넣고 싶은 위치에 아래와 같이 삽입하세요 !
<a href="#" onclick="shakeWindow(10);">Click Shock !</a>
window.moveBy(x,y)
moveBy() 메소드는 윈도우를 현 상태에서 아래로 x 픽셀, 오른쪽으로 y 픽셀 만큼 이동시킴니다.
예를 들어서 moveBy(10,10)이면 현 위치에서 아래로 10 픽셀, 오른쪽으로 10 픽셀 이동시키겠죠 ?
moveBy(-10,-10) 과 같이 음수도 사용가능하구요,, 이런경우엔 위로 10, 왼쪽으로 10 픽셀 이동함니당
window.moveTo(x,y)
moveBy()가 상대좌표를 이용해서 위치를 이동시키는 것에 비해 moveTo() 를 사용하면 절대좌표로 위치를 이동시킴니다. 예를들어 moveTo(0,0) 이면 현재 위치에 상관없이 좌표(0,0).. 즉, 좌측 최 상단으로 이동시킴니다.
for (i=10; i>0; i--){
for (j=n; j>0; j--) { .... }
}
진동효과를 만들기 위해서 for 문이 여러번 사용되었어요.. 예제에서 n 의 값은 10 이므로 i=10 일 경우 안쪽 for 문에 의해서 윈도우를 상하 좌우로 10 픽셀 움직이는 window.moveBy(0,10);window.moveBy(10,0);window.moveBy(0,-10);window.moveBy(-10,0); 가 10 번 실행됨니다.
그리고 i=9 가 되면 윈도우를 상하 좌우로 9 픽셀 움직이는 코드가 10 번 실행되며, 같은 식으로 i=1 이 될 때까지 윈도우의 움직임은 계속 줄어들게 되므로 진동효과를 낼수 있는겁니다.
fot 문은 아주 빠른 속도로 해석되기 땜시 for 문의 반복횟수를 너무 적게 주면 진동이 제대로 아니됨다;;;;
onclick = " 자바 스크립트 코드 "
onclick 이벤트 핸들러는 A, AREA, INPUT TYPE=BUTTON, CHECKBOX, RADIO, RESET, SUBMIT 태그에 사용 되는데.. 대부분 익스에서는 사용할수 있구요.. 넷츠에서는 확인을 못해봣네요...죄송 -_-
요놈은 클릭했을 때 발생하는 것으로 자바스크립트 코드를 실행시킴니당.. 예제는 클릭시 shkeWindow() 함수를 호출하죠.. 자주 사용하는 이벤트 핸들러니께.. 정확하게 기억하셈 ;;
onclick="shakeWindow(10); "
shakeWindow() 함수는 윈도를 상하 좌우로 흔드는 역할을 하는데.. 매개변수의 수치만큼 안쪽 for 문이 반복되도록 정의되어 있으므로 매개변수의 수치를 크게 주면 진동효과가 그만큼 오래갑니다.
매개변수 1 : [바같쪽 for 문 10]*[안쪽 for 문 1]*[window.moveBy()4] = 40
매개변수 10 : [바같쪽 for 문 10]*[안쪽 for 문 10]*[window.moveBy()4] = 400

추천 (5) 선물 (0명)

그림동화--格林童话（朝鲜文）

옥수수(玉米）亲久米酒 친구막걸리

基础韩国语1

맛 좋은 조선료리--美味朝鲜料理（朝鲜文）

올리버 트위스트--雾都孤儿（朝鲜文）입점신청

위챗 페이스북 트위터 웨이보 IP: ♡.156.♡.178

자료·공부 채널IT공부

총 3,006 개의 글이 있습니다.

제목	글쓴이	날짜	조회
처음 오신분들 필독!!![최종수정일:2003.9.21] 1		2003-09-20	11795
처음 오신분들 필독!!![최종수정일:2003.9.21] 9		2003-09-20	11345
처음 오신분들 필독!!![최종수정일:2003.10.26] 3		2003-09-20	20440
[SAP모임] SAP MM 자격증 공부 3	지구인	2010-08-27	19281
[SAP 모임] SAP 미니 프로젝트 진행 27	지구인	2009-09-07	13584
웹디자인 게시판 사용약관		2010-01-29	15554
공개소스 사용약관 1		2004-10-07	16656
66 [컴관련 강좌·팁] 링크에 마우스를 올렸을 때 상태바에 링크설명 표시	광수	2001-10-16	444
65 [컴관련 강좌·팁] 링크에 마우스를 올렸을 때 상태바에 링크설명 표시	광수	2001-10-16	305
64 [컴관련 강좌·팁] 모달 다이얼로그 박스	광수	2001-10-16	473
63 [컴관련 강좌·팁] 모달 다이얼로그 박스	광수	2001-10-16	351
62 [컴관련 강좌·팁] 채널모드로 윈도우 띄우기	광수	2001-10-16	426
61 [컴관련 강좌·팁] 채널모드로 윈도우 띄우기	광수	2001-10-16	428
60 [컴관련 강좌·팁] 점점 커지면서 열리는 팝업 윈도우	광수	2001-10-16	491
59 [컴관련 강좌·팁] 점점 커지면서 열리는 팝업 윈도우	광수	2001-10-16	395
58 [컴관련 강좌·팁] 윈도우를 자동으로 스크롤 시키자 !	광수	2001-10-16	465
57 [컴관련 강좌·팁] 윈도우를 자동으로 스크롤 시키자 !	광수	2001-10-16	331
[컴관련 강좌·팁] 윈도우를 흔들자 ?! 찌리리~~ >,<	광수	2001-10-16	428
55 [컴관련 강좌·팁] 윈도우를 흔들자 ?! 찌리리~~ >,<	광수	2001-10-16	369
54 [컴관련 강좌·팁] 5 초 후 자동으로 닫히는 윈도우	광수	2001-10-16	516
53 [컴관련 강좌·팁] 5 초 후 자동으로 닫히는 윈도우	광수	2001-10-16	350
52 [컴관련 강좌·팁] 풀 스크린 창 띄우기 Netscape Version	광수	2001-10-16	417
51 [컴관련 강좌·팁] 풀 스크린 창 띄우기 Netscape Version	광수	2001-10-16	298
50 [컴관련 강좌·팁] 풀 스크린 창 띄우기 Explorer Version	광수	2001-10-16	541
49 [컴관련 강좌·팁] 풀 스크린 창 띄우기 Explorer Version	광수	2001-10-16	400
48 [컴관련 강좌·팁] 마우스만 올려도 새창이 뜬다	광수	2001-10-16	498
47 [컴관련 강좌·팁] 마우스만 올려도 새창이 뜬다	광수	2001-10-16	386
46 [컴관련 강좌·팁] 링크 클릭해서 새창 띄우기	광수	2001-10-16	439