DHTML Rolling Credits Code

This Script shows how you can create a web page that scrolls up. The web page must be long (vertically) in order for the effect to work.

Works on Internet Explorer, Firefox, and Google Chrome.

Script Demo:

Demo

Dynamic HTML Code:

Insert this code into <head> tags

<script language="JavaScript">
<!--
        var position = 0;
function scroller() {
        if (position != 320) {
                position++;
                scroll(0,position);
                clearTimeout(timer);
                var timer = setTimeout("scroller()",3); timer;
        }
        else
                 {
           location.replace("#");
        }
}
// -->
</script>

Insert this code into <body> tags

<center>
    <h1>Rolling Credits</h1>

    <div style="font: Verdana, Arial, Helvetica, sans-serif; font-size: large">
      <p><strong>This script allows you to:</strong></p>
      <hr size="1" width="250">
      <!-- Insert text description bellow -->

      <p>Place</p>

      <p>text</p>

      <p>descriptions</p>

      <p>of</p>

      <p>any</p>

      <p>sort</p>

      <p>and it will</p>

      <p>scroll up</p>

      <p>the page</p>

      <p>until its done.</p>

      <p>You can even</p>

      <p>make <a href="http://www.road2webmaster.com/">Links.</a></p>

      <p>Or</p>

      <p>use</p>

      <p>images.</p><!-- Test description end here -->
    </div>
  </center>

Instruction:

Replace <body> with <body onload="scroller()">

Webmaster » Web Programming » DHTML » Rolling Credits Code

Related Links:

Home | Sitemap | Bookmark This Page

Sponsored Links

Recommended Links