![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
<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.文字の色だけが一文字ずつ白から黒に変わるプログラム
の書き方を教えてください。
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のように徐々に色がえが必要ですか?
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript switch文のswitch(n)の部分を複数の値にするか、if文に変えてほしいです。 1 2022/07/27 17:18
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
- JavaScript HTMLでJavaScriptを使ってパスワードの強化判定のプログラムを作成しています。 一通り作っ 2 2022/10/19 01:41
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- JavaScript セレクトボックスを2つ設けて選択して初めてメッセを表示 1 2022/07/27 12:15
- JavaScript 画像の表示位置 3 2022/12/23 08:25
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- JavaScript javascriptのちょっとした動作不良(原因は突き止めたのですが) 1 2023/06/15 19:58
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
乗換案内 VBAで操作したい
-
javascriptの基本的なことだと...
-
DOM要素を削除しても、イベント...
-
Javascriptで定期的にF5を押す...
-
Null またはオブジェクトではあ...
-
ラジオボタンでreadonlyの切替え
-
JavaScriptのdocument.all("変...
-
vbaでnanacoにログイン(ie操作)
-
idを使わずにonclickで自身の要...
-
ActiveXobjectが作成できない
-
二次元配列を使って順位をだす...
-
関数でy=g(x)のgとは何の略です...
-
window.openでタイトル名の指定
-
Boolean型配列中のTrueの有無を...
-
JavaScriptで、現在日時から100...
-
同じIDで定義した要素の配列を...
-
Googleスプレッドシートとスク...
-
【Tabキー】特定の範囲内だけで...
-
functionから別のfunctionを実...
-
<a>タグのテキストを取得
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
FireFoxのjavascriptで自動でキ...
-
Latexに関する質問です。
-
DOM要素を削除しても、イベント...
-
XMLでのAttributeを持ったNode...
-
TexでΣの添え字の位置直し
-
JavaScript window.openで開く...
-
Null またはオブジェクトではあ...
-
javascriptの基本的なことだと...
-
iframeのソースを取得したい
-
選択肢によってラジオボタンを...
-
excle VBA とweb上の検索を利用...
-
文字を一文字ずつ表示
-
ラジオボタンでreadonlyの切替え
-
responseTextについて
-
VBAのIE操作でframe構造のサイ...
-
サブウィンドウからのスタイル...
-
JavaScriptのdocument.all("変...
-
オンマウスについて
-
要素のリサイズをひろい、他の...
-
クリッカブルマップのリンク部...
おすすめ情報