WilRose HTML Tutorial, Learn HTML on line for free!

Scrolling Status Bar Messages in JavaScript

This site designed with Coffee Cup HTML Editor++ ver. 6.2

HTML Tutorial

JavaScript Examples

Rollovers

MouseDown

JS Clock

CountDown

Status Window

Status Window 2

Random Image

JS Cookies

Background Changer

Scrolling Banner

Members Area

Special Effects using JavaScript
Scrolling Status Window Messages
Look at your "Status Bar" or "Status Window" at the bottom of your Browser's screen. See the two part scrolling message? It's JavaScript.
This code is not really simple, but it's not difficult either. It all resides between the <HEAD> and the </HEAD> tags.
You can define the message yourself to say whatever you want.
Feel free to copy & paste it and use it.

It looks like this:

<HTML>

<HEAD>

function infoscroll(seed,looped)
{
     var text1  = "        Welcome to " ;
     var text2  = "        Scrolling Status Bar Messages       " ;
     var msg=text1+text2;
     var putout = " ";
     var c        = 1;

if  (looped > 10)
     {  window.status="Web Design at WilRose.com";   }
     else  if  (seed > 100)
     {
           seed--;
           var cmd="infoscroll (" + seed + "," + looped + ")";
           timerTwo=window.setTimeout(cmd,100);
      }
      else if (seed <= 100 && seed > 0)
      {
           for (c=0 ; c < seed ; c++)
           {  putout+=" ";  }
           putout+=msg.substring(0,100-seed);
           seed --;
           var cmd="infoscroll(" + seed + "," + looped + ")";
           window.statues=putout;
           timerTwo=window.setTimeout(cmd,100);
       }
       else if (seed <= 0)
      {
            if (-seed < msg.length)
            {
               putout+=msg.substring(-seed,msg.length);
               seed--;
               var cmd="infoscroll(" + seed + "," + looped + ")";
               window.status=putout;
               timerTwo=window.setTimeout(cmd,100);  //  100
            }
            else
            {
                window.status="  ";
                looped += 1;
                var cmd = "infoscroll(100," + looped + ")";
                timerTwo=window.setTimeout(cmd,75); // 75
             }
       }
}
// -->

</SCRIPT>

<TITLE>Scrolling Status Bar Messages in JavaScript</TITLE></HEAD>

<BODY><script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-47423994-1', 'fortunecity.ws');
  ga('send', 'pageview');

</script>
<center>
<br>
	
	<div>	
<script language="javascript" type="text/javascript" src="http://ad.broadcaststation.net/ads/show_ad.php?width=728&height=90"></script>
	</div>
</center>

(Whatever you want here

</BODY>

<center>

</center>
</HTML>

Recommended Books

Top of Page?