今回は76回目です。
リンク文字が上下に移動します。


リンクが上下に動く

今回の効果は、「↑上に移動します」「↓下に移動します」という文字に触ると、リンク文字が上下に移動するというものです。
リンクに触ると、文字が出たりするものはありますが、これはリンクそのものが動くので、面白いと思います。
今月も少しだけこの実験にお付き合い下さい。

ポイント ポイント 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)

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