Friendstertutorials.com » Scrolling Title Bar Effect

Scrolling Title Bar Effect

Contributed by Kalvin on January 25th, 2009 Categories: Javascript Codes, Tricks and Tweaks

2,282 Views

(+4 rating, 2 votes)

Loading ...

var msg = “***** ‘[-( YOUR TITLE MESSAGE HERE "+pageViewerFName+")-]‘ *****”; <<< This the one to edit on the code, just put your title bar message

DONE?

Just Compile it to your Js!!!
Its work on IE and FF , but my preview can see using FF/mozilla firefox
PREVIEW HERE

/* SCROLLING TITLE BAR */
/* Posted By: Kalvin on Friendstertutorials.com */

var rev = "fwd";

function titlebar(val)
{
	var msg  = "***** '[-( YOUR TITLE MESSAGE HERE "+pageViewerFName+")-]' *****";
	var res = " ";
	var speed = 100;
	var pos = val;

	msg = "|--- "+msg+" ---|";
	var le = msg.length;
	if(rev == "fwd") {
		if(pos < le) {
			pos = pos+1;
			scroll = msg.substr(0,pos);
			document.title = scroll;
			timer = window.setTimeout("titlebar("+pos+")",speed);
		}
		else {
			rev = "bwd";
			timer = window.setTimeout("titlebar("+pos+")",speed);
		}
	}
	else {
		if(pos > 0) {
			pos = pos-1;
			var ale = le-pos;
			scrol = msg.substr(ale,le);
			document.title = scrol;
			timer = window.setTimeout("titlebar("+pos+")",speed);
		}
		else {
			rev = "fwd";
			timer = window.setTimeout("titlebar("+pos+")",speed);
		}	
	}
}
titlebar(0);

Share This Tutorial:

Close Bookmark and Share This Page

Save to Browser Favorites / Bookmarks