Animated Header

This effect is produced by the following script (the header part):

var engineID; 
var step = 10; 
function moveHeader() 
{ 
   var obj = document.getElementById("header"); 
   obj.style.left = parseInt(obj.style.left) + step + "px"; 
   if (parseInt(obj.style.left) == 0)
   {
     obj.style.fontStyle = "normal";
     clearInterval(engineID);
   }
}

The header itself is produced by the following instructions:

<div style="position: relative; left: -1000px; font-style: italic;
text-align: center; font-size: 36px; font-weight: 800; color: blue" 
id="header">Animated header</div>

The main function moveHeader() in the header part is called from the body part:

engineID = setInterval("moveHeader()", 20);

printTitle()