website promotion banner
eturnkeys
Your Ad Here
HTML and CSS  Home HTML and CSS Tutorials Customizing the Status Bar Message
rss

Customizing the Status Bar Message

Author: iCe More by this author


This is an increasingly popular effect if implemented correctly. This tutorials will show you the code if you want a scrolling mesage(s) in your status bar.

Place this script in the <HEAD> section of your page.

Status Bar

<!--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);">

The things you need to customize are labelled. Place this script in the HEAD section.



Rate this Material: Bad 1 2 3 4 5 Excellent
print this page tell a friend subscribe to newsletter subscribe to rss

Add comments to "Customizing the Status Bar Message"