http://oxtag.com/html/ex/winshake.html
<html>
<head>
<title>흔들어 보세요~~!</title>
<!---- [1단계] 아래의 소스코드를 <HEAD>와 </HEAD> 사이에 붙여 넣으세요 ---->
<SCRIPT LANGUAGE="JavaScript1.2">
<!--
var quakeID = 0;
var totalX = 0;
var totalY = 0;
var maxShift = 10;
var minJumps = 10;
var maxJumps = 40;
var minBetweenQuakes = 1000;
var maxBetweenQuakes = 4000;
function jump() {
with (Math)
return (maxShift + 1 - ceil(random() * (maxShift * 2 + 1)));
}
function winShake() {
for (var i = 0; i < (minJumps + (Math.random() * (maxJumps - minJumps))); i++) {
dX = jump();
dY = jump();
window.moveBy(dX, dY);
totalX -= dX;
totalY -= dY;
}
window.moveBy(totalX, totalY);
totalX = 0;
totalY = 0;
quakeID = setTimeout("winShake()", Math.ceil(Math.random() *
(maxBetweenQuakes - minBetweenQuakes)) + minBetweenQuakes);
}
window.onload = winShake;
//-->
</SCRIPT>
</head>
<body>
<font style=font-size:9pt>
현재 흔들기로 설정되어 있습니다.<br><br>
</font>
<!---- [2단계] 아래의 코드를 <BODY> 태그와 </BODY> 태그안에 붙여 넣으세요 ---->
<input type=button onClick="winShake()" value="흔들기">
<input type=button onClick="clearTimeout(quakeID)" value="그만 흔들기">
<!------------------------- 여기까지 ---------------------------------->
</body>
</html>
'인터넷정보' 카테고리의 다른 글
| 텍스트 카운팅....? (0) | 2007.10.17 |
|---|---|
| 포토샵 글자효과 배우기 (0) | 2007.10.17 |
| 포토샵 글자효과 배우기 (0) | 2007.10.17 |
| 공지창 쿠키 이용해 하루에 한번만.... (0) | 2007.10.17 |
| 공지창 쿠키 이용해 하루에 한번만.... (0) | 2007.10.17 |
| 윈도우를 살포시 흔들어보자. (0) | 2007.10.17 |
| 텍스트 다이나믹 애니메이션 (0) | 2007.10.17 |
| 텍스트 다이나믹 애니메이션 (0) | 2007.10.17 |
| 링크 포커스 한방에 없애기(onfocus=this.blur() 또는 onfocus=blur()) (0) | 2007.10.17 |
| 링크 포커스 한방에 없애기(onfocus=this.blur() 또는 onfocus=blur()) (0) | 2007.10.17 |