JavaScript Text Rotation - Form

Automatic sliding message in the text box. Web page script provides text rotation in <form></form> tag. You can pre-set the text content and the length of time intervals.

Script Demo:

Demo

JavaScript Code:

Insert this code into <head> tags

<script language="JavaScript">
var scritta = new Array();
var i = 0;
scritta[i++] = 'road2webmaster.com';
scritta[i++] = 'Road To Webmaster';
scritta[i++] = 'ASP';
scritta[i++] = 'PHP';
scritta[i++] = 'DHTML';
scritta[i++] = 'JavaScript';
var durata = 2000;
id = setInterval('scrivi()',durata);
var c = 0;
function scrivi() {
app = scritta[c++];
if (c == i) c = 0;
document.testo.msg.value = app;
}
</script>

Insert this code into <body> tags

<form name=testo>
<input type="text" name="msg" size="40">
</form>

Instruction:

Change the following text:

scritta[i++] = 'NEW TEXT'; - Add this line for new text after code var i = 0;

Webmaster » Web Programming » JavaScript » Text Animation » Text Rotation - Form

Related Links:

Home | Sitemap | Bookmark This Page

Sponsored Links

Recommended Links