| 今回の効果は、「↑上に移動します」「↓下に移動します」という文字に触ると、リンク文字が上下に移動するというものです。 リンクに触ると、文字が出たりするものはありますが、これはリンクそのものが動くので、面白いと思います。 今月も少しだけこの実験にお付き合い下さい。 |
| ポイント | updown_tid=setTimeout("updown("+arg+")",100) の100は移動の速さです。ここの数字を大きくするとスピードが遅くなります。小さくすると速くなります。 #test1 の行のleft とtop は、それぞれ「上へ・・・」「下へ・・・」の文字の画面左からと画面上からの位置の指定です。 <div id="test0" の top:200px とleft:320px は、「2004年・・・」のリンク文字の最初の位置の指定です。 | |
| 効果 | 「上へ・・・」あるいは「下へ・・・」をマウスで触ると、リンク文字が updown_tid=setTimeout("updown("+arg+")",100) で指定したスピードで移動します。 | |
| 使い方 | 実際の実験画面のソースをご覧下さい。 |
| この効果はIEの6.0と、ネットスケープの7.0で確認しています。 Macは確認していません。 とにかく、<!--ここからが今回の実験の対象「リンクが上下に動く」-->から、 <!--ここで実験対象終わり-->までの間をコピーし、上記の説明部分だけを自分用に直してみて下さい。 ご意見などありましたらメールを送って下さい。お待ちしています。
(E-mail:hiroko@ladys-page.com)
|