今回は８７回目です。
テーブルの中の文字が入れ替わります。
テーブルの中の文字が入れ替わります。
テーブルの中の文字を替える
| 今回の効果は、テーブルの中の文字を替えるというものです。 テーブルの中のある文字の上にマウスのカーソルを乗せると、その文字に関連する説明がマウスのカーソルを乗せたのとは違う枠の中で表示されます。 リンクもつけているので、そのままリンク先に飛ぶことができます。 今月も少しだけこの実験にお付き合い下さい。 |
 |
ポイント | ＜ｈｅａｄ＞タグの間に＜STYLE type="text/css"＞を書きます。ここで指定した色や大きさが「上の文字にカーソルを乗せてみて下さい」という部分に反映されます。 ＜ｂｏｄｙ＞タグの間にテーブルを書きます。 a href="test1-85.html" は、リンク先の指定です。 onMouseOver= は、マウスを上に置いた時の指定です。「文字をフェードインさせる３」という文字が、マウスを置いた時に表示されます。 onMouseOut= は、マウスを離した時の指定です。 マウスを離すと「上の文字にカーソルを乗せると説明が出ます」という文字が表示されます。 「２月の実験」は、上の小さい枠の中に表示させる文字です。 |
|---|---|---|
 |
効果 | 最初「上の文字にカーソルを乗せてみて下さい」と表示されている文字が、「２月の実験」という文字の上にカーソルを置くと「文字をフェードインさせる３」という文字に入れ替わります。 離すと「上の文字にカーソルを乗せると説明が出ます」という文字に入れ替わります。 |
 |
使い方 | 実際の実験画面のソースをご覧下さい。 |
今回の実験でわかったこと
| この効果はＩＥの６.０と、ネットスケープの７.１で確認しています。 Ｍａｃは確認していません。 今回の実験は、ネットスケープでは動きませんでした。 ご意見などありましたらメールを送って下さい。お待ちしています。
(E-mail:hiroko@ladys-page.com)
|
