Text dances in status bar

Written by @kerixa 21 August 2012

Special effect for text in status bar.

Code Snippet:

                                                
                                                <!-- this script is provided by https://www.javascriptfreecode.com coded by: Kerixa Inc. -->
<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()">
</body><a target='_blank' href='https://www.javascriptfreecode.com' style='font-size: 8pt; text-decoration: none'>JavaScript Best 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: AstroAudrey, admin_js, bloxio, yqaice, flooketsu
advertisement 2