飛び出す文字
※ InternetExplorer推奨
・文字を入力してボタンを押してみてください。
-----------------------------------------------------------------------------------------
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);
}
}
-----------------------------------------------------------------------------------------
・大きさを変えながら移動させています。
|