|
|
マウスクリックで背景色を変える |
|
|
マウスをクリックした時に背景色を設定した色に変える小技を説明します。
素材のサイトなどは特に背景色とのマッチを見るのに便利かと思います。
|
|
 サンプル
色説明のセルをクリックした時にページの背景色を変化させる方法を紹介していきます。
下のサンプルページでどんなものかを確認してみて下さい。
背景色変更サンプルページへ
ここではセルに対してイベントを設定し、背景色を変更させるようにしています。
設定する
設定する表を作る
まずは設定する数分のセルを持つ表を作成します。 とりあえず試しにやってみるなら１つだけのセルを作成すればいいです。
イベントを設定する
設定するセルの上で右クリックし、「イベントの設定」を選択、イベント編集に進みます。
※ ここで注意しておくのは文字などを選択していると 「イベントの設定」 の項目が表示されません。
文字の属性画面が表示されてしまった時は属性画面の上部 「タグ」をクリックし、その中の「表」を選び、「セル」にし、その中のイベントから編集します。
セルが空の状態で設定していくとスムーズに設定できます。
設定項目で、イベントを「Onclick」、アクションでページ、「ページの背景色を指定した色に設定します」
を選択し、出てきた画面で設定
したい色を選択します。
OKを押せばそのセルの設定は完了です。
プレビューで確認してみて下さい。
他のセルも同じように設定していけば、サンプルのようになります。
|
|
|
|
|
|
|
