[装飾・内容変更]ページの背景色を変更するJavaScriptを使うと、ページの背景色を簡単に変更できます。背景色を動的に変更したいと思うことは少ないかも知れませんが...。画像素材配布サイトなどでは、画像の使用感をつかむために、サンプルページの背景色を切り替えられるボタンを用意しているところがありますね。そんな感じで活用すると便利だろうと思います。ページの背景色を変更するソースはとても簡単で、以下のように記述するだけです。"#ccffcc";上記の場合は、ページの背景色を「淡い緑色(=#ccffcc)」に変更します。ページの背景色は、documentオブジェクトのbgColorプロパティに格納されています。この値に色名を代入することで、背景色を変更できます。これを利用して、「背景色変更ボタン」を作ってみた例は、以下の通り。「現在の背景色を表示する」ボタンをクリックすると、現在の背景色(の名称)がアラートボックスに表示されます。その下の各色名ボタンをクリックすると、このページの背景色が指定の色に変化します。実際に試してみて下さい。上記の各ボタンを実現するHTML&JavaScriptソースは以下の通り。/></form>上記のサンプルでは、ただ1回だけ色を変更します。for文を使ったループで色を変化させれば、ある色からある色へなめらかに変化させることができます。(色を表す数値の作成がちょっと面倒ですが。)その話は、またの機会に。ページの背景色ではなく、任意の要素の背景色を変更する方法は、「任意の要素(ブロックなど)の背景色を変更する」をどうぞ。主要なカテゴリ現在、以下のカテゴリに区分してTIPSを公開しています。JavaScriptで様々な計算や変換処理を行う方法に関するTIPS▲各カテゴリ毎に、TIPSのタイトルと概要を一覧できます。HOMEへ戻るこのページの製作者は、にしし(西村文宏)です。このページの内容は真実であることが基本ですが、虚構や妄想が混じっていることもあります。(^_^;)各ページへの直リンクは歓迎します。reserved.このサイトについて。