１枚の画像を複数枚コピーして
ひらひらと落下させる表示
<IMG id=drop height=0 src="ni.gif" width=0> //ni.gif ば使用する画像
<SCRIPT language=JavaScript>
<!--
dropsrc=document.all("drop").src
wind()
function wind() {
setTimeout("falling()",100)
}
var falls = 20 //落下させる画像のコピー数
for (f=0;f<falls;f++) {
document.write("<IMG id='fall"+(f+1)+"' src='"+dropsrc+"'
style='left:"+(Math.random()*850)+";position:absolute;top:"+(Math.random()*600)+";'>")
}
var fl = 0
function falling() {
fl+=0.1
for (f=0;f<falls;f++) {
k = document.all("fall"+(f+1))
k.style.left= Math.sin(fl+f*0.5)*5 + parseInt(k.style.left)
if (parseInt(k.style.top)<1300) { //落下させる深さ
k.style.top = 5+ parseInt(k.style.top)
} else {
k.style.top = 0
k.style.left= Math.random()*850
}
}
setTimeout("falling()",100)
}
//--></SCRIPT>
更新日時
画像は、添付画像の下を通過して落下する
記載場所は「<BODY>」の後ならばどこでも可能、出来ればはじめの方がいいでしょう(^_^)
