ホームページビルダー・グレート初心者講座

Yahoo!ブックマークに登録

グレート初心者講座トップへグレート初心者講座 小技集へグレート初心者講座 FAQへグレート初心者講座 質問掲示板へ





 クリックすると背景色を好みの色に変更するボタンを作る

クリックすると背景色を変更するボタンを作成します。
これはホームページビルダーの操作から設置する事ができますがJavaScriptを利用していますので、ブラウザが対応していない場合や許可していない場合は正常に動作しない可能性があります。


 サンプル

色の名前が書かれたボタンをクリックすると対応した色に背景色が変化する方法を紹介していきます。
下のサンプルページからどんなものかを確認してみて下さい。

背景色変化ボタン編 サンプルページへ

素材を配布されている場合などページ上で透過しているのかの確認に利用したり、CGI や PHP などと組み合わせて利用すれば、このようなボタンの利用価値が高まると思います。





 設定する

1. ボタンを挿入する
ボタンを置きたい所を左クリックし、カーソルを表示させ、メニューバーから 「挿入」を選択、「入力部品」 → 「プッシュボタン」 → 「一般ボタン」を選択します。

ここでは 「ボタンに表示するラベル」 だけを入力し、OKします。
この表示するラベルがボタン上に表示される名前となり、ここで 「ブルー」と入力すると下のようなボタンが作られます。

2. イベントを設定する

作成したボタンを右クリックし、「イベントの設定」を選択し、その中のイベントに 「Onclick」、アクションに 「ページ」 → 「ページの背景色に指定した色を設定します」 を選択します。

ここで色の設定画面が出てきますので、設定したい色を選択し設定を完了させます。

これで出来ました! プレビューでボタンが押されたとき背景色が変化するかどうかを確認してみましょう。




 画像で変更

先ほどは 「プッシュボタン」 を挿入し、そのボタンに対してイベントを設定しましたが、これを画像に設定する事もできます。

画像に設定する場合は先に画像を挿入し上記 「2. イベントを設定する」から順番に設定していけば、画像をボタンとして利用した背景選択のボタンができます。





| トップページへ | 小技集 | FAQ | 質問掲示板 | 免責事項  | リンクについて  | お問い合わせ  |
ホームページビルダー・グレート初心者講座 Copyright © 2002-2005 aimix All Rights Reserved