TAKABO SOFT NETWORK

（外枠は後付けです）

文字毎のサイズを順番に変化させる事によって旗がなびいているような演出が出来る・・・はずなんですが、無茶苦茶重い？（＾＾；

今回はスタイルによってサイズを変化させたバージョンです。
（サイズが細かく指定出来るので滑らかに変化させられるかも）

まず、ヘッダーの部分に以下のプログラムを組み込みます。

<head>

<script language="javascript">
<!--

var Str="Takabo Soft Network 2001";	//表示する文字列
var Speed=100;		//更新速度 この値が小さいほど速くなる
var Width=540;		//表示範囲の横幅
var Height=70;		//表示範囲の縦幅
var SizeMin=12;		//サイズの最小値
var SizeMax=60;		//サイズの最大値
var SizeStep=6;		//毎回変化させるサイズ

var Length=Str.length;
var Obj=new Array(Length);
var Size=SizeMin;
var SizeAdd=SizeStep;

function GetSize(){
	var data=Size;
	Size+=SizeAdd;
	if(Size<=SizeMin)
		SizeAdd=SizeStep;
	if(Size>=SizeMax)
		SizeAdd=-SizeStep;
	return data;
}

function SetSStr(){
	var i;
	document.write("<table width="+Width+" height="+Height+"><tr><td align=center>");
	for(i=0;i<Length;i++){
		document.write("<font id=\"FONT_"+i+"\">"+Str.charAt(i)+"</font>");
		eval("Obj[i]=FONT_"+i);
	}
	for(i=Length-1;i>=0;i--)
		Obj[i].style.fontSize=GetSize();
	document.write("</td></tr></table>");
	setInterval("SSLoop()",Speed);
}

function SSLoop(){
	var i;
	for(i=Length-1;i>0;i--)
		Obj[i].style.fontSize=Obj[i-1].style.fontSize;
	Obj[0].style.fontSize=GetSize();
}

//-->
</script>

</head>

あとは、<body>～</body>内の表示したい場所へ、以下のように記述します。表示したい文字列や、更新速度はヘッダー内の冒頭にて設定します。
このスクリプトはページ内に1つだけ設置出来ます。
表示範囲の横幅・縦幅の値が小さいと、周りのレイアウトが動く事になります。