飛び出す文字

・文字を入力してボタンを押してみてください。

-----------------------------------------------------------------------------------------

var loc_x = new Array( 50, 60, 70, 80, 90, 80, 70, 60, 50 );
var loc_y = new Array( 200, 220, 240, 260, 280, 260, 240, 220, 200 );
var size  = new Array( 3, 3, 4, 5, 6, 5, 4, 3, 3 );
var idx = 0;

var b = document.getElementById("box");
var t = document.getElementById("txt");

var str = "";

function ignit(){
    str = b.value;
    b.value = "";
    setTimeout("move()", 1);
}

function move(){
    t.innerHTML = "<font size='" + size[idx] + "'>" + str + "</font>";
    t.style.top  = loc_y[idx];
    t.style.left = loc_x[idx];
    idx++;
    if (idx > 8) {
    	idx = 0;
    	b.value = str;
    	t.innerHTML = "";
    } else {
	    setTimeout("move()",150);
	}
}

-----------------------------------------------------------------------------------------

・大きさを変えながら移動させています。