Simple Text Ticker JavaScript

A simple text ticker to show your messages in text box.

Script Demo:

Demo

JavaScript Code:

Insert this code into <head> tags

<script language="JavaScript">
<!--
// 1996 by Christoph Bergmann... http://acc.de/cb
// Please keep this note...
// global variables
var max=0;
function textlist()
{
   max=textlist.arguments.length;
   for (i=0; i<max; i++)
        this[i]=textlist.arguments[i];
}
tl=new textlist
(

   "YOUR TEXT HERE!!!"
);
var x=0; pos=0;
var l=tl[0].length;

function textticker()
{
    document.tickform.tickfield.value=tl[x].substring(0,pos)+"_";

    if(pos++==l)
    {
        pos=0;
        setTimeout("textticker()",1000);
        x++;
        if(x==max)
            x=0;
        l=tl[x].length;
    } else
        setTimeout("textticker()",50);
}
// end -->
</script>

Insert this code into <body> tags

<script language="JavaScript">
<!--
document.write("<CENTER><FORM NAME=\"tickform\">");
document.write("<INPUT TYPE=\"TEXT\" NAME=\"tickfield\" SIZE=\"48\">");
document.write("</FORM></CENTER>");
textticker();
//-->
</script>

Instruction:

Change the following text:

YOUR TEXT HERE!!! - To any text your want to displayed.

Webmaster » Web Programming » JavaScript » Text Animation » Simple Text Ticker

Related Links:

Home | Sitemap | Bookmark This Page

Sponsored Links

Recommended Links