AceJS.com > Script number: 117010

The Script

You can make your own animation by changing the "text picture" for each frame. The frames are displayed one after the other, you can also alter the speed.

The Source

<HTML>
<HEAD><TITLE>Free Scripts And Tools For Webmasters @ www.AceJS.com</TITLE>
</HEAD>
<BODY onload="tick();return true">
<script language="JavaScript">
var max=0;
var x=0;
var nl="\r\n";

function FrameList()
{
        max = FrameList.arguments.length;
        for(i=0;i<max;i++) this[i] = FrameList.arguments[i];
}
function tick()
{
        document.animation.viewer.value = cartoon[x];
        x++;
        // Remove "//" from next line to show it a frame at a time.
        // if(confirm('continue?'))
        if(x==max) x=0;
        setTimeout("tick()", 200);  // Change number here to change speed
}

cartoon = new FrameList(
"  o              "+nl+
" /|\\             "+nl+
" / \\             ",

" \\o/             "+nl+
"  |              "+nl+
" / \\             ",

"  _ o            "+nl+
"   /\\            "+nl+
"  | \\            ",

"                 "+nl+
"     __\\o        "+nl+
"    /)  |        ",

"     __|         "+nl+
"       \\o        "+nl+
"       ( \\       ",

"       \\ /       "+nl+
"        |        "+nl+
"       /o\\       ",

"          |__    "+nl+
"        o/       "+nl+
"       / )       ",

"                 "+nl+
"        o/__     "+nl+
"        |  (\\    ",

"            o _  "+nl+
"           /\\    "+nl+
"           / |   ",

"            \\o/  "+nl+
"             |   "+nl+
"            / \\  ",

"             o   "+nl+
"            /|\\  "+nl+
"            / \\  ",

//half