グラフィックの例1

サインカーブ。<IMG>のWIDTH、HEIGHT属性の値を変えて
同じ画像を繰り返し表示しているだけ。
上はHEIGHT、下はWIDTHを変えている。
Math.sin(数値)の数値はラジアンなのがわかりづらい。
実行結果

ヘッダ部分
なし


ボディ部分
<TABLE>
<TR><TD BGCOLOR="red">
<SCRIPT LANGUAGE="JavaScript">
var line = null
	for(i = 0 ; i <= 3.14 ; i = i + 0.01)	{
		line = (Math.sin(i)*100)
		document.write("<IMG SRC='block_yellow.gif' WIDTH='1' HEIGHT=" + line + ">")
	}
</SCRIPT>
</TD></TR>
</TABLE>

<TABLE>
<TR><TD BGCOLOR="blue">
<SCRIPT LANGUAGE="JavaScript">
var line = null
	for(i = 0 ; i <= 3.14 ; i = i + 0.01)	{
		line = (Math.sin(i)*100)
		document.write("<IMG SRC='block_yellow.gif' HEIGHT='1' WIDTH=" + line + "><BR>")
	}
</SCRIPT>
</TD></TR>
</TABLE>