Very simple status bar scroller that pulls your messages together. Looks great and is very functional. Add as many messages as you like. May not work in newer browser, especially ie 7.0
Crossbrowser. Easy 20-seconds-configuration. Made for non-programmers. See the scroller in action at the bottom of your screen. Doesn't seem to work with the new IE 7 browsers.
STEP 1Copy and paste the Status Bar Scroller Script that's in the text box below, into the <head> of your html source.
Installation; Configure your messages and scroller speed at the beginning of the script. Do not remove the credits as this is a violation of copyright information.
- Code:
-
</script>
<script language=javaScript> <!-- Beginning of JavaScript - // CREDITS
MUST REMAIN: // Simple pull-scroller by Urs Dudli and Peter Gehrig. Distributed
by http://www.hypergurl.com // Copyright (c) 2000 Peter Gehrig and Urs Dudli.
All rights reserved. // Permission given to use the script provided that this
notice remains as is. // Additional scripts can be found at http://www.hypergurl.com.
// CONFIGURATION: // Add your messages here. You may add as many messages as you
like. var message = new Array() message[0]="Another great javascript."
message[1]="From the Hypergurl resource." message[2]="Enjoy and
have fun!" // Configure the speed of the message. A lower value means higher
speed. var pause=20 // Configure the standstill-time between the messages (milliseconds).
var standstill=2000 // Configure the maximum space between the letters. var max_space=30
// Do not edit the variables below var space=" " var i_substring=0 var
i_message=0 var i_space=max_space var all_space=" " var content=""
function reducespace() { all_space=" " for (i=0;i<i_space;i++) {
all_space+=" " } for (i=0;i<message[i_message].length-1;i++) { var
thisletter=message[i_message].substring(i,i+1) thisletter=thisletter+all_space
content+=thisletter } showmessage() } function showmessage() { window.status=content
i_space-- if (i_space>=0) { content="" var timer=setTimeout("reducespace()",
pause) } else { clearTimeout(timer) i_space=max_space var timer=setTimeout("changemessage()",
standstill) } } function changemessage() { i_message++ if (i_message>message.length-1)
{ i_message=0 } reducespace() } // - End of JavaScript - --> </script>
STEP 2Place this code directly into the <body> tag of your html.
onLoad="reducespace()" Your body tag should look something like this
<body bgcolor="#ffffff" onLoad="reducespace()">