今回は45回目です。
ラジオボタンをクリックすると文字が出たり消えたりします。


ラジオボタンで文字を出したり消したりする

今回の効果は、ラジオボタンをクリックすると、指定した位置へ文字が表示されるというものです。文字だけではなく、画像も表示させることができます。

今月も少しだけこの実験にお付き合い下さい。

ポイント ポイント #test0 で、表示させる文字や画像の位置や文字の大きさを指定します。
#test1 で、ラジオボタンの位置を指定します。
<DIV CLASS="posabs" ID="test0"> で、表示させたい文字を書いたり、画像を指定します。
<DIV CLASS="posabs" ID="test1"> で、ラジオボタンを書きます。
showLAYER が表示させる方、hideLAYER が消す方です。
効果 効果 showLAYER の方のラジオボタンをクリックすると、#test0 で指定した位置に、<DIV CLASS="posabs" ID="test0">で書いた文字や画像が表示されます。
hideLAYER の方のラジオボタンをクリックすると、文字や画像が消えます。
使い方 使い方 実際の実験画面のソースをご覧下さい。


今回の実験でわかったこと


この効果はIEは5.0からネットスケープは、Ver4.5からできます。

ソースをコピーして、文字の表示位置を変えたり、表示させる文字や画像を自分の好きなものに変えたりすれば、そんなに難しくなくできると思います。
効果的な使い方をしてみて下さい。


ご意見などありましたらメールを送って下さい。お待ちしています。
(E-mail:hiroko@ladys-page.com)

超簡単HP実験室 実験室のトップページに