Act９．ステータスバーで遊ぼう そにょ１
〜文字のスクロール〜
今度は画面の外をいぢくりまわしてみましょうか。えー、そりゃもぅぐっちょんぐっちょんに・・・（嘘）
・・・・・(^-^;・・・・・
始めましょうか・・・(^-^A・・・ﾌｷﾌｷ
その前に、ステータスバーって何か分かりますか？画面の下のほうにある部分ですょ。たとえば、リンク先にカーソルをもっていくとリンク先のURLが表示される部分がありますね？ここがステータスバーです。
普通にしてると、何もないつまらん（そこまで言うか(爆)）場所なんだけど、ＪａｖａＳｃｒｉｐｔを使えばここも好きなようにいぢれてしまうんですね。
で、いろいろな手があるので、ここではネコの手・イヌの手・ペンギンの手・ポチの手・タマの手・・・・
ごめんなさい、ウソです・・・・
あ、いろいろな手があるのはホントですよ(^-^;。文字をスクロールさせたり、１文字ずつ表示したりｅｔｃ・・・で、実際いくつかの手があるので、ここでは使ってみると楽しいと思われるであろう（Ｋｉｍｉ的解釈(爆)）モノをいくつかのページにわけて紹介しましょうか。
まずはメッセージをスクロールさせてみましょうか。
実際どう動いてるかは下を見てください。
んで、いきなりソース出してみたり。で、このＪａｖａＳｃｒｉｐｔはソースが分かれるので、それそれ説明していきますね。
| ソースそにょ１ |
| <SCRIPT LANGUAGE="JavaScript"> <!-- msg0=" "; msg1="実際にはこんな感じで文字がスクロールします。"; msg2="ここをどう使うかはアナタ次第ですな。"; msg3="・・・いざとなったらあ〜んな事やこ〜んな事も・・・・(妄想爆走ちぅ(爆))・・・"; msg=msg0+msg0+msg0+msg0+msg1+msg2+msg3; function s_bar(){ setTimeout("s_bar()",200); msg=msg.substring(2,msg.length)+msg.substring(0,2); window.status=msg; } //--> </SCRIPT> |
まずはこちら。
このソースはＨＥＡＤの区間に埋め込みます。＜ＨＥＡＤ＞〜＜/ＨＥＡＤ＞の間ですね。タイトル（＜ＴＩＴＬＥ＞〜＜/ＴＩＴＬＥ＞）のすぐ下あたりに埋め込むと場所的にいいかも。
例のごとく、日本語の部分は好きなように変えてくださいね。
あと、赤い部分。ここの数字（上のソースなら２００）の部分がスクロールのスピードです。早さはお好みで変えてみましょうね。ちなみに数字が大きくなるほどスピードは遅くなります。
ためしに1000にしてみましょう。モニタたたき壊したくなるほど遅いですね(爆)。でもたたき壊しちゃだめよん♪
| ソースそにょ２ |
| <SCRIPT LANGUAGE="JavaScript"> <!-- s_bar(); //--> </SCRIPT> |
次にコレ。
このソースはＢＯＤＹ区間に埋め込んでください。＜ＢＯＤＹ＞〜＜/ＢＯＤＹ＞の間ですね。できるだけ上のほうにあるほうがいいので、＜ＢＯＤＹ＞タグのすぐ下あたりがよろしいかと。
ほぅら、これでもぅステータスバーもあなたのトリコ、ですな（なんだいそりゃ(^-^;(爆)）
次は、もぅちょっとステータスバーをおもしろくしてみましょうか。