Dancing status bar sliding

Written by @kerixa 21 August 2012

Your status bar will dance in the browser. This is if you want to make your page look fancy.

Code Snippet:

                                                
                                                <!-- this script is provided by www.htmlfreecode.com coded by: Kerixa Inc. -->
<!-- This Script is from www.htmlfreecode.com, Coded by: Krishna Eydat-->

<SCRIPT LANGUAGE="JavaScript">

var yourtext = "* YOUR MESSAGE HERE! *";
var wedge1="                        ";
var wedge2="                        ";
var message1=wedge1+yourtext+wedge2;
var dir = "lside";
var speed = 50;

function bouncey() {

	if (dir == "lside") {
		message2=message1.substring(2,message1.length)+"  ";
		window.status=message2;
		setTimeout("bouncey();",speed);
		message1=message2;

		if (message1.substring(0,1) == "*") {
			dir="rside";
		}
	}

	else {
		message2="  "+message1.substring(0,message1.length-2);
		window.status=message2;
		setTimeout("bouncey();",speed);
		message1=message2;
		if (message1.substring(message1.length-1,message1.length) == "*") { 
			dir="lside";
		}
	}
}

// -- End Hiding Here -->
</SCRIPT>

<body onLoad="bouncey()">

<font face="Tahoma"><a target="_blank" href="http://www.htmlfreecode.com/"><span style="font-size: 8pt; text-decoration: none">HTML Free Code</span></a></font>
<a target='_blank' href='www.htmlfreecode.com' style='font-size: 8pt; text-decoration: none'>Html Free Codes</a>                                                
                                            

Example:


About @kerixa

I am Krishna Eydat. I studied Software Engineering at University of Waterloo in Canada. I lead a few tech companies. I am passionate about the way we are connected. I would like to be part of something big or be the big deal!

K

Comments


Here you can leave us commments. Let us know what you think about this code tutorial!

0 / 300

TRENDING POST
1
2
3
4
5
VISITORS
Online Users: 12
Recent Members: Prashanthcs11, Designer Diva, Jirgensons E, vamsi, wapmohin
advertisement 2