2009/01/20

[javascript]ステータスアニメーション

amachangさんのエントリーで動的にタイトルを変更するタイトルアニメーションというエントリーがありました。

location.href を document.title に変えてみただけ

via:タイトルアニメーション

で、このエントリーを読んで思い起こしたのは、よく、よからぬサイトでステータスバーの文字が動的に変更されるサイトがありますが、あれってどやって実装するのかなーとちょっと調べてみることに。

var lv_text = "るねっさーーーんす";

for(var i=0; i<70;i++){
lv_text = " " + lv_text;
}

setInterval(
"(function(){if(lv_text.length > 9){
lv_text = lv_text.substr(1,lv_text.length-1);
status = lv_text;}}())"
,250);

for文のところまでは、たんなる出力文字の作成で、setIntervalファンクションから稼動。
徐々に、文字が左に流れていくのがわかります。

こういうのもおもしろいなー♪

0 コメント:

コメントを投稿