Scrolling Banner Text JavaScript

Scroll banner text in the text box. It can be used to promote your product or service on your website. The text of constant rotation can easily attract the attention of users.

Script Demo:

Demo

JavaScript Code:

Insert this code into <head> tags

<script language="JavaScript">
<!-- Hide from old browsers


var timerID = null;
var timerRunning = false;
var id,pause=0,position=0;

function ticker() {
        var i,k,msg="YOUR MESSAGE GOES HERE";
        k=(75/msg.length)+1;
        for(i=0;i<=k;i++) msg+=" "+msg;
        document.form2.ticker.value=msg.substring(position,position+75);
        if(position++==38) position=0;
        id=setTimeout("ticker()",1000/10); }

function action() {
        if(!pause) {
                clearTimeout(id);
                pause=1; }

        else {
                ticker();
                pause=0; } }
// --End Hiding Here -->
</script>

Insert this code into <body> tags

<form name="form2">
<input type="text" name="ticker" size="75"></form>

Instruction:

Change <body> to <body onLoad="ticker()">, and insert body code to where you want your banner text to be displayed.
You can adjust the scrolling speed by increasing the number 1000 in the line: id=setTimeout("ticker()",1000/10); }.

Webmaster » Web Programming » JavaScript » Scrolling » Banner Text

Related Links:

Home | Sitemap | Bookmark This Page

Sponsored Links

Recommended Links