Worldwide Locations

Worldwide Locations

HH's Test Page!

Beautiful flower

Beautiful flower

Header 1

Header 2

Header 3

Header 4

Header 5
Header 6

Normal paragraph text

bold
italic

This is a blockquote.

  • ul (bulleted) list
  • ul (bulleted) list
  • ul (bulleted) list
  1. ol (numbered) list
  2. ol (numbered) list
  3. ol (numbered) list
DIV

body {
font:76% normal verdana,arial,tahoma;
}
h1, h2 {
font-size:1em;
}
#fooObject {
/* simple box */
position:absolute;
left:0px;
top:8em;
width:5em;
line-height:3em;
background:#99ccff;
border:1px solid #003366;
white-space:nowrap;
padding:0.5em;
}
var foo = null; // object
function doMove() {
foo.style.left = parseInt(foo.style.left)+1+'px';
setTimeout(doMove,20); // call doMove in 20msec
}
function init() {
foo = document.getElementById('fooObject'); // get the "foo" object
foo.style.left = '0px'; // set its initial position to 0px
doMove(); // start animating
}
window.onload = init;

Javascript animation: Demo 1

Recursive setTimeout-based animation

I am foo.