Home › Policy

HH's Test Page!

Share

Beautiful flower
enlarge image

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.

Post new comment

Your comments are welcome, please adhere to our guidelines

Be respectful. Personal attacks will not be tolerated; nor will profane, abusive or threatening posts.

Keep it short (150 words or less), Stay on topic.

Asia Society reserves the right to moderate all comments and remove or edit for guideline violations. Thank you.

The content of this field is kept private and will not be shown publicly.
Type the characters you see in this picture. (verify using audio)
Type the characters you see in the picture above; if you can't read them, submit the form and a new image will be generated. Not case sensitive.