StyleYourForum.com - [Code] Flying Header Text.

Sponsored Links

[Code] Flying Header Text.

Description: This code allows you to add text of your choosing to your herader and once your desired text is in place as well as the code in your header, the text you chose will Fly in letter-by-letter.

You Can modify The speed of the text when it fly by editing this part of the code:

Code:

speed = 105; // milliseconds

The lower the number the faster.

You can Modify The text size and decoration by editing this:

Code:

<i><h3 id="fly">Your Flying Text Here!</h2></i>

<h3</h3 is what you need to modify for the size the lower the number the bigger the text note that the Hhx</hx> only goes as far as <h6

For Text decoration modify <i></i> to any html tag.

Enjoy.

-DzinestaR

Rating:

By 1 members

Code:

<i><h3 id="fly">Your Flying Text Here!</h3></i>

//Flying Header Text By DzinestaR)
message = document.getElementById("fly").innerHTML; // $ = taking a new line
distance = 30; // pixel(s)
speed = 105; // milliseconds

var txt="",
	num=0,
	num4=0,
	flyofle="",
	flyofwi="",
	flyofto="",
	fly=document.getElementById("fly");

function stfly() {
	for(i=0;i != message.length;i++) {
		if(message.charAt(i) != "$")
			txt += "<span    style='position:relative;visibility:hidden;' id='n"+i+"'>"+message.charAt(i)+"<\/span>";
		else
			txt += "<br>";
	}
	fly.innerHTML = txt;
	txt = "";
	flyofle = fly.offsetLeft;
	flyofwi = fly.offsetWidth;
	flyofto = fly.offsetTop;
	fly2b();
}

stfly()
//End Of Code!
//Modified By DzinestaR

</script>

Code Author: DzinestaR
Find More by Author

Views: 1675

Comments
Add Comment

Add Comment
Comment: