|
웹디자인 공부방
HTML,PHP 공부방
팁 & 테크 게시판
|
| 번호 : 20 |
이미지를 문서안에서 통통 튀게 하기 |
작성자 : 이건호  |
작성일 : 2005-11-19 19:15:23 |
|
1. <head>와 </head> 사이에 아래 소스를 넣어주세요.
<script language="JavaScript">
<!--
var x = 0;
var y = 0;
var offsetx = 4;
var offsety = 4;
function bounceIt() {
var el = document.all.bounce;
x += offsetx;
y += offsety;
if ((x + el.offsetWidth >= document.body.clientWidth +
document.body.scrollLeft) ||
(x <= document.body.scrollLeft)) {
offsetx = -offsetx;
if (x <= document.body.scrollLeft)
x = document.body.scrollLeft;
else
x = document.body.clientWidth - el.offsetWidth +
document.body.scrollLeft;}
if ((y + el.offsetWidth >= document.body.clientHeight +
document.body.scrollTop) ||
(y <= document.body.scrollTop)) {
offsety = -offsety;
if (y <= document.body.scrollTop)
y = document.body.scrollTop;
else
y = document.body.clientHeight - el.offsetHeight +
document.body.scrollTop;}
el.style.posLeft = x;
el.style.posTop = y;}
//-->
</script>
2. <body 옆에 아래소스를 넣어주세요.
onload="window.tm = setInterval('bounceIt()', 10);" onunload="clearInterval(window.tm);"
3. <body>안 띄울 이미지 안에 아래의 소스를 넣어주세요.
<img src="이미지경로" ID="bounce" style="position:absolute; top:0; left:0; z-index:1">
|
|
|
 |
|
|
|
 |
|
