Today is . Page created 12/20/03, updated 05/14/06

Status Bar Bounce

T his little script is an easy way to put a message in your site's Status bar that's sure to attract attention. Just look at the bottom of your screen in your status bar to see this effect.

We have tested the code in IE6.0, Firefox1.5.0.2, Opera8.54*, Netscape8.1 and AOL Explorer1.2. This script worked well in all platforms with one (1) variation observed in Firefox1.5.0.2. You will not see the effect. It degrades well and you will not get any error messages.

*    In Opera, you must have the "Status Bar" activated. In other words, in the Opera browser, go to the top of the browser window and select "View". When that little drop down box appears select "Status Bar". Be sure the radio button for off is "Not" selected. If it is, unselect it and choose either "Top" or "Bottom" to view the status bar and this effect.

D epending on your knowledge of HTML and java scripts, this is an easy, two step copy and paste code with minimal reconfigurations. The first part goes in the <HEAD> section of your document. This is where you make your reconfigurations for your "Bouncing" Status Bar Message. The second part is to add an onload event handler directly into the <BODY> tag. If you do not know howto add the event handler into the body tag, see the below example.

<HEAD> Section Reconfigurations

<SCRIPT language=JavaScript>

//Put Your Message between the asteriks * * don't remove them//
var yourwords = "* Your Custom Message Goes Here! *";
var buffer1="                         ";
var buffer2="                         ";
var message1=buffer1+yourwords+buffer2;
var dir = "left";
var speed = 75;
function pingpong()

I f you notice besides where and howto add your custom message, the below part of the code;
       var speed = 75;
This is where you control how fast or slow the message goes from side to side. The lower the number the faster the message bounces from left to right.

Warning Logo     Note Of Importance:     If by chance you remove the asterisk * * on either side of the message, you will see the message bounce one time and then it will scroll left and vanish into cyber space.

Add onload Event Handler Directly Into The<BODY> Tag

<body bgcolor="#000000" text="#ba55dc" link="#fff8dc" alink="#fff8dc"
vlink="#fff8dc" onLoad="pingpong()">

W e hope our tutorial was easy to follow and we covered everything in detail. If you would like to add this effect into your pages, grab the respective below link* and you are there. If you have any problems with this or anything else, feel free to consult our FAQ ] and if you can't find the answer there, contact us ].
Get Code Here   [ Rate This Page ]  

For Your Information For your Information:     * Since the original script site no longer archives this effect, we now are archiving this script for your convenience.

Talk Live To A Support Technician

Search Our Site By Individual letter

A ]  [ B ]  [ C ]  [ D ]  [ E ]  [ F ]  [ G ]  [ H ]  [ I ]  [ J-K ]  [ L ] 
M ]  [ N-O ]  [ P-Q ]  [ R ]  [ S ]  [ T ]  [ U-V ]  [ W ]  [ X-Y-Z ] 

Little Tips Directory

Page 1  ] [ Page 2 ] [ Page 3 ] [ Page 4 ] [ Page 5  ] [ Page 6  ] [ Page 7  ]

Index Page 1 ] [ Index Page 2 ] [ Index Page 3 ] [ Index Page 4 ] [ Index Page 5 ]
Index Page 6 ] [ Index Page 7 ] [ Index Page 8 ] [ Index Page 9 ] [ Index Page 10 ]
Index Page 11 ] [ Index Page 12 ] [ Index Page 13 ]

News Letter Archives ] [ Navigation Page ] [ Archives Of Published Material ]
Link To Us ] [ Alphabet Index ] [ Feedback ] [ On Line Support ] [ FAQ ]
Webmaster Utilities ] [ Casino ] [ Banner Exchange ] [  Advanced Site Search ]

If you are part of the ever growing number of webmasters who enjoy sharing your knowledge with others on web design, join The Consigliere Ltd. web ring to broaden your scope of exposure.
Join Today

This Site Was Built And Is Maintained Exclusively by
The Webmaster @ Consigliere Ltd.

Copyright © Consigliere Ltd., All Rights Reserved. 2001-