• ベストアンサー

文字色の変化

<HTML> <HEAD> <TITLE>bgcolor</TITLE> <SCRIPT LANGUAGE="JavaScript"> function dispbk(t){ for (i=0; i<=255; i++){ for (j=0;j<t;j++){ c=i+i*256+i*256*256; c="000000"+c.toString(16); c=c.substring(c.length-6,c.length); document.bgColor=c; } } } </SCRIPT> </HEAD> <BODY> <SCRIPT LANGUAGE="JavaScript"> dispbk(3); </SCRIPT> <HR> <H1>教えて!GooH1> <HR> </BODY> </HTML> これと同じような書き方で、 1.背景を黒から白からに徐々に変えながら文字を白から黒に徐々に変えるプログラム 2.文字の色だけが一文字ずつ白から黒に変わるプログラム の書き方を教えてください。

質問者が選んだベストアンサー

  • ベストアンサー
  • yambejp
  • ベストアンサー率51% (3827/7415)
回答No.1

とりあえず1だけ。 <HTML> <HEAD> <TITLE>bgcolor</TITLE> <SCRIPT LANGUAGE="JavaScript"> function dispChange(t){ for (var i=0;i<=255;i +=t){ var bg=i+i*256+i*256*256; bg="000000"+bg.toString(16); bg="#"+bg.substring(bg.length-6,bg.length); var moji=(255-i)+(255-i)*256+(255-i)*256*256; moji="000000"+moji.toString(16); moji="#"+moji.substring(moji.length-6,moji.length); document.bgColor=bg; document.getElementById('moji').style.color=moji; } //最後に完全に色付けする document.bgColor="#ffffff"; document.getElementById('moji').style.color="#000000"; } </SCRIPT> </HEAD> <BODY onLoad="dispChange(3)"> <HR> <H1 id="moji">教えて!Goo<H1> <HR> </BODY> </HTML> 2は1のように徐々に色がえが必要ですか?