Status Bar Scroll Message

Example

Look at the status bar of your browser to see an example.

Code

Put this in the head part of the document
<script language="JavaScript">
<!--

var messageOne = "  Welcome to proglogic.com  "
var messageTwo = "  Enjoy your stay.  "
var messageThree = "  Have a nice day!  "

var messageOneNew = messageOne
var messageTwoNew = messageTwo
var messageThreeNew = messageThree

var messageOneLength = messageOne.length
var messageTwoLength = messageTwo.length
var messageThreeLength = messageThree.length

var x = messageOne.length
var y = -1
var z = -1
function scrollStatus() {

if (x > 0){
x--
window.status = messageOne
messageOne = messageOne.substring(1, messageOne.length)
}
if (x == 0){
x--
window.status = messageOne
messageOne = messageOneNew
y = messageTwoLength
}

if (y > 0){
y--
window.status = messageTwo
messageTwo = messageTwo.substring(1, messageTwo.length)
}
if (y == 0){
y--
window.status = messageTwo
messageTwo = messageTwoNew
z = messageThreeLength
}

if (z > 0){
z--
window.status = messageThree
messageThree = messageThree.substring(1, messageThree.length)
}
if (z == 0){
z--
window.status = messageThree
messageThree = messageThreeNew
x = messageOneLength
}
setTimeout("scrollStatus()", 100)
}
window.onload=scrollStatus;

//-->
</script>
Home | Code | Learn
© 2007-2008 ProgLogic, all rights reserved. | ProgLogic.com is created by Stijn Strickx. | e-mail