::: 자바 스크립트 :::
대박(
) 작성일시 - 2001년 12월 08일 토요일 오후 12시 49분
read:
1016
vote:
142
별이 떨어지는 효과
<head>
<script languege="javascript">
<!----------------------------------------
function timer()
{
var y
y = chara1.style.posTop + 5
if(y > document.body.clientHeight*2) y = 0
chara1.style.posLeft = 100 + Math.sin(y/240) * 75
chara1.style.posTop = y
y = chara2.style.posTop + 7
if(y > document.body.clientHeight*2) y = 0
chara2.style.posLeft = 160 + Math.sin(y/120) * 75
chara2.style.posTop = y
y = chara3.style.posTop + 8
if(y > document.body.clientHeight*2) y = 0
chara3.style.posLeft = 80 + Math.sin(y/350) * 100
chara3.style.posTop = y
y = chara4.style.posTop + 9if(y > document.body.clientHeight*2) y = 0
chara4.style.posLeft = 230 + Math.sin(y/90) * 120
chara4.style.posTop = y
y = chara5.style.posTop + 7
if(y > document.body.clientHeight*2) y = 0
chara5.style.posLeft = 300 + Math.sin(y/180) * 220
chara5.style.posTop = y
y = chara6.style.posTop + 10
if(y > document.body.clientHeight*2) y = 0
chara6.style.posLeft = 360 + Math.sin(y/350) * 180
chara6.style.posTop = y
y = chara7.style.posTop + 7
if(y > document.body.clientHeight*2) y = 0
chara7.style.posLeft = 500 + Math.sin(y/200) * 220
chara7.style.posTop = y
y = chara8.style.posTop + 8
if(y > document.body.clientHeight*3) y = 0
chara8.style.posLeft = 570 + Math.sin(y/100) * 180
chara8.style.posTop = y
setTimeout("timer()", 50)
}
//---------------------------------------->
</script></head>
<body onLoad="setTimeout('timer()', 50)" >
<DIV ALIGN=CENTER>
<IMG SRC="images/star1.gif" ALIGN=BOTTOM
WIDTH=20 HEIGHT=17 BORDER=0 NAME="chara1"
STYLE="position:absolute;left:100;top:50;" ID="chara1">
<IMG SRC="images/star2.gif" ALIGN=BOTTOM
BORDER=0 NAME="chara2" STYLE="position:absolute;left:200;top:150;"
ID="chara2">
<IMG SRC="images/star3.gif" ALIGN=BOTTOM
BORDER=0 NAME="chara3" STYLE="position:absolute;left:300;top:100;"
ID="chara3">
<IMG SRC="images/star4.gif" ALIGN=BOTTOM
WIDTH=20 HEIGHT=17 BORDER=0 NAME="chara4"
STYLE="position:absolute;left:400;top:250;" ID="chara4">
<IMG SRC="images/star5.gif" ALIGN=BOTTOM
WIDTH=20 HEIGHT=17 BORDER=0 NAME="chara5"
STYLE="position:absolute;left:500;top:200;" ID="chara5">
<IMG SRC="images/star1.gif" ALIGN=BOTTOM
BORDER=0 NAME="chara6" STYLE="position:absolute;left:600;top:350;"
ID="chara6">
<IMG SRC="images/star2.gif" ALIGN=BOTTOM
BORDER=0 NAME="chara7" STYLE="position:absolute;left:700;top:300;"
ID="chara7">
<IMG SRC="image/star3.gif" ALIGN=BOTTOM
WIDTH=20 HEIGHT=17 BORDER=0 NAME="chara8"
STYLE="position:absolute;left:800;top:400;" ID="chara8"></body>
이메일로 보내기...
프린트버젼보기...
