window
トップページ > 記事閲覧
*文字フェード＆雨のJavaScript
日時： 2008/08/28 04:26
識別： ID:zSr94ha7YYI.
名前： keep
雨が降るJavaScriptと文字がフェードするJavaScript
を一緒に表示したいのですが上手くいきません
片方を消すと片方は機能するのですが、一緒には出来ないのでしょうか？

ソース↓

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<style>
<!--
.drop { position: absolute; width: 3; filter: flipV(), flipH(); font-size: 30; color: blue ;}
-->
</style>
<script language="javascript">
snow = false;
snowsym = "＊"
rainsym = "/"
howmany = 30
if(snow){sym = snowsym; speed=1; angle=10; drops=howmany}
else{sym = rainsym; speed=50; drops=howmany; angle=6}
movex = -speed/angle; movey = speed; count = 0;
function moverain(){
for(move = 0; move < drops; move++){
xx[move]+=movex; yy[move]+=mv[move];
hmm = Math.round(Math.random()*1);
if(xx[move] < 0){xx[move] = maxx+10;}
if(yy[move] > maxy){yy[move] = 10;}
drop[move].left = xx[move]
drop[move].top = yy[move]+document.body.scrollTop;
}setTimeout('moverain()','1')}
</script>
<script language="JavaScript">
<!--
count=0;
Num=1;
Time=100;
function FadeIn(str){
c=str.charAt(count++);
for(i=0;i<Num;i++){
document.all["Fade"+i].style.color="#"+c+c+c+c+c+c;
}
if(count<str.length){
setTimeout("FadeIn('"+str+"')",100);
}
}
//-->
</script>
<META name="GENERATOR" content="IBM WebSphere Studio Homepage Builder Version 12.0.1.0 for Windows">
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<META http-equiv="Content-Style-Type" content="text/css">
<TITLE></TITLE>
</HEAD>
<BODY onload="FadeIn('fedcba9876543210')" bgcolor="#0000ff">
<script language="javascript">
if (document.all){
drop = new Array(); xx = new Array(); yy = new Array(); mv = new Array()
ly = "document.all[\'"; st = "\'].style"
for(make = 0; make < drops; make++){
document.write('<div id="drop'+make+'" class=drop>'+sym+'</div>');
drop[make] = eval(ly+'drop'+make+st);
maxx = document.body.clientWidth-40
maxy = document.body.clientHeight-40
xx[make] = Math.random()*maxx;
yy[make] = -100-Math.random()*maxy;
drop[make].left = xx[make]
drop[make].top = yy[make]
mv[make] = (Math.random()*5)+speed/4;
drop[make].fontSize = (Math.random()*10)+14;
if(snow){col = 'snow'}else{col = 'PowderBlue'}　
drop[make].color = col;
}
window.onload=moverain
}
</script>
<P><span id="Fade0">タイトル</span></P>
</BODY>
</HTML>

何かわかればお願い致します
メンテ

Re: 文字フェード＆雨のJavaScript ( No.1 )
日時： 2008/10/06 18:12
名前： 迅羽

詳しいことは良くわかりませんが、JavascriptはHARD内に入れないと機能しませんよ。
メンテ
Re: 文字フェード＆雨のJavaScript ( No.2 )
日時： 2008/10/07 08:54
名前： 酒

>>1
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<title>body要素内で実行</title>
<body>
<script type="text/javascript">
<!--
document.write("あいうえお");
//-->
</script>
</body>

>>0
もう見てないか・・・。

<BODY onload="FadeIn('fedcba9876543210');moverain()" bgcolor="#0000ff">にする。

window.onload=moverain　を消す。

細かく読む気にならなかったので後は見てない。
メンテ
- ( No.3 )
日時： 2011/12/10 12:55
名前： pl517.nas821.p-osaka.nttpc.ne.jp

#SPAM

メンテ

　返信フォーム　（上記スレッドに返信する場合は以下のフォームから投稿します）
題名 ※必須 スレッドをトップへソート
名前
E-Mail
URL
パスワード 記事メンテ時に使用します （メンテは該当記事のメンテアイコンをクリック）
返信内容
※必須
エラーメッセージや内容などは省略せず詳細にご記入下さい
状態の設定

・問題が解決したら 解決 を選択して投稿して下さい HELP(新しいウィンドウが開きます)
・既存記事の状態設定はメンテ（メンテアイコン）から修正する事ができます。


投稿内容をご確認下さい（記事の削除は出来ません）

   クッキー保存