今晩は。JavaScript初心者です。今、雪を降らせるスクリプトを作っています。外部のjsファイルに記述したスクリプトを、特定のidを付けたdivにだけ有効にしたいです。 -----html------------------------------ -----JavaScript(snow.js)------------------------------ sx = new Array(); sy = new Array(); sp = new Array(); num = 50; scrnx = 100; scrny = 500; function snowWrite() { styl = " "); } } function moveSnow() { for (i=0; i scrny) sy[i] = -10; document.images["snow"+i].style.top = sy[i]; } } snowWrite(); 「document.getElementById」あたりかなと思ったのですが、それだとして（まったく見当違いかもしれませんが）、どこにどう記述してよいのかわかりません。ご存知の方がいらっしゃいましたら、ご教授いただきたいです。よろしくお願い致します。

特定のものにだけスクリプトを有効にする

解決済

質問者：ba-demi
質問日時：2006/11/10 19:25
回答数：1件

今晩は。JavaScript初心者です。
今、雪を降らせるスクリプトを作っています。
外部のjsファイルに記述したスクリプトを、特定のidを付けたdivにだけ有効にしたいです。

-----html------------------------------
<html>
<head>
<script type="text/javascript" src="js/snow.js"></script>
</head>
<body>
<div id="snow">
</div>
</body>
</html>

-----JavaScript(snow.js)------------------------------

sx = new Array();
sy = new Array();
sp = new Array();
num = 50;
scrnx = 100;
scrny = 500;

function snowWrite()
{
styl = "<img src='snow.gif' style='position:relative;width:6px;height:6px;z-index:3;top:";
for (i=0; i<num; i++)
{
sx[i] = Math.floor(Math.random()*100);
sy[i] = Math.floor(Math.random()*500);
sp[i] = Math.floor(Math.random()*5) + 1;
document.write(styl+sy[i]+"px;left:"+sx[i]+"px;' name='snow"+i+"'>");
}
}
function moveSnow()
{
for (i=0; i<num; i++)
{
sy[i] += sp[i];
if (sy[i] > scrny) sy[i] = -10;
document.images["snow"+i].style.top = sy[i];
}
}
snowWrite();

「document.getElementById」あたりかなと思ったのですが、それだとして（まったく見当違いかもしれませんが）、どこにどう記述してよいのかわかりません。
ご存知の方がいらっしゃいましたら、ご教授いただきたいです。
よろしくお願い致します。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (1件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： arenani_sorenani
回答日時：2006/11/11 11:16

回答になってませんが

参考にしてください・・

<style type="text/css">
div{
width:100%;
height:100%;
background:#000000;
overflow:hidden;
}
span{
color:white;
font-size:12pt;
position:absolute;
}
</style>
<script type="text/javascript">

sx=new Array();
sy=new Array();
num=200;
yy=5;
xx=3;
t=200;
function moveSnow(){
for(i=0;i<num;i++){
sy[i] +=yy;
if(sy[i] > wy) sy[i] = 0;
if(Math.floor(Math.random()*2)){
sx[i]+=xx;
}else{
sx[i]-=xx;
}
if(sx[i]>wx||sx[i]<0)sx[i] = Math.floor(Math.random()*wx);
document.getElementById("s"+i).style.top=sy[i];
document.getElementById("s"+i).style.left=sx[i];
}
}
window.onload=function(){
setInterval("moveSnow()",t);
}
</script>
<body>
<div id="sc">
<script type="text/javascript">
wx=document.body.clientWidth;
wy=document.body.clientHeight;
for(i=0;i<num;i++){
sx[i] = Math.floor(Math.random()*wx);
sy[i] = Math.floor(Math.random()*wy);
document.write("<span id='s"+i+"' style='top:"+sy[i]+";left:"+sx[i]+";'>・</span>");
}
</script>
</div>
</body>

.