美容・健康・ファッション・インテリア・DVD・お花・ギフト 安全安心のお買い物

町工場ネット トップ  ◇サイトマップ ◇新規登録 ◇プライバシーポリシー ◇相互リンクの方法 ◇問い合わせ

町工場 | 総合 | 美容 | ファッション | インテリア | 家電 | 資格| 食料 | 個人開業 | 書籍 | ギフト | ホビー | CD・DVD

←前に戻る トップページ 内容一覧 次ページ→
■ボタンで背景色を変える
一度決めた背景色を、ページを見る人が自由に変更できるようにするにはどうすればいいのでしょう。



上のボタンをクリックすると背景色が黒になります。元に戻すボタンで元の背景色に戻ります。
それでは、ソースをみてみましょう。

<INPUT type="button" onclick="document.bgColor = '#000000';" name="black" value="背景色を黒にする">

この一行を書くだけで、「背景色を黒にする」と表示されたボタンが出来、押すと背景が黒くなる機能を持ちます。” ”で囲まれた所は好きな言葉に変更できます。カラーコードを変更すると好きな色に変更できます。


では、同じようにしてテキストの色を変えてみましょう。


このソースは

<INPUT type="button" onclick="document.fgColor = '#ff0000';"; name="red" value="テキストを赤くする">

この一行だけです。上と同じように,日本語を変えると表示される文字も変更されます。カラーコードを変えると色がかわります。



←前に戻る トップページ 内容一覧 次ページ→