スポンサー


    ウェブデザイン基礎講座

    フォトショップ講座

    HTML&CSS講座

    グラフィック講座

    Flash講座

    3D講座

    ウェブプログラミング講座

    サイトメンテナンス講座

    サイト紹介

    スペシャルリンク

サイト内検索

 メールマガジン

テクニック

HomeHTML&CSS講座 > ステータスバーに文字を表示させる方法

ステータスバーに文字を表示させる方法

投稿日:2006年11月7日   レベル:初心者    ソフトウェア:DreamWeaverGoLiveFrontPage


これは正しくおこなうことができれば、より広く用いられること間違いありません。このチュートリアルはステータスバーのスクロールメッセージを好きなように表示する方法を紹介します。


Step1 − サンプルソース

次のスクリプトをページの<HEAD>セクションに配置してください。

実際の画面


<!--Place this script in the HEAD section. Thank you for using FireThrottle.tk-->

<script language="JavaScript" type="text/javascript">

<!--

//Visit http://ww.firethrottle.tk for this script and more

// You may edit the message below.

var startMsg = "Visit FireThrottle.tk for great tutorials and downloads";

var str = "";

var msg = "";

var leftMsg = "";

function setMessage()

{

if (msg == "")

{

str = " ";

msg = startMsg;

leftMsg = "";

}

if (str.length == 1)

{

while (msg.substring(0, 1) == " ")

{

leftMsg = leftMsg + str;

str = msg.substring(0, 1);

msg = msg.substring(1, msg.length);

}

leftMsg = leftMsg + str;

str = msg.substring(0, 1);

msg = msg.substring(1, msg.length);

for (var ii = 0; ii < 120; ii++)

{

str = " " + str;

}

}

else

str = str.substring(10, str.length);

window.status = leftMsg + str;

// This editable value (1000 = 1 second)

// corresponds to the speed of the shooting

// message.

timeout = window.setTimeout('setMessage()',100);

}

// -->

</script>

<!--Update the BODY tag for the timer function.-->

<!-- You may edit the BODY color. -->

<BODY bgcolor="ffffff" onload="timeout = window.setTimeout('setMessage()',500);">


引用:Web Design Library 著者:iCe 翻訳:atuk



スポンサードリンク

コメント

ランダム記事5件

2016年5月の人気記事ランキング