今回は40回目です。
文字をクリックするとリンク文字が表示されます。


クリックしてリンクを出す

今回の効果は、文字をクリックすると、最初は表示されていなかったリンク文字が出るというものです。
最初から表示させておけばいいじゃないかと言われれば確かにそうなのですが、最初のパッと見た感じをすっきりさせたい時はちょっといいかもしれません。
今月も少しだけこの実験にお付き合い下さい。

ポイント ポイント .posabsで、文字の種類と大きさを指定します。ここでの指定は、最初から表示されているリンク文字とクリックしてから表示されるリンク文字の両方に影響します。
#test1で、最初から表示jされているリンク文字の位置と表示させる領域の幅を指定します。
#test0で、クリックしてから表示されるリンク文字の位置を指定します。
<DIV>タグの「ID="test0"」の方で、クリックして表示させる文字とリンク先を書きます。
<DIV>タグの「ID="test1"」の方で、最初から表示されるリンク文字を書きます。
効果 効果 画面を読み込むと<DIV CLASS="posabs" ID="test1">で書いたリンク文字が#test1で指定した位置に表示されています。
この文字をクリックすると<DIV CLASS="posabs" ID="test0">で書いたリンク文字が#test0で指定した位置に表示されます。
使い方 使い方 実際の実験画面のソースをご覧下さい。


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


この効果はIEは5.0からネットスケープは、Ver4.0からできます。
IEとNNと両方でできるし、位置の指定と表示させたい文字を変えるだけで割合と簡単にでるので、ぜひ1度お試し下さい。


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

超簡単HP実験室