frame_color_size_source.html

<html><head><title>frame_color_size.html</title>
<style type="text/css" >
<!--
	body{font:11.0pt/11.0pt;	text-decoration:none;	color:BLACK;}
	td  {font:11.0pt/11.0pt;	text-decoration:none;	color:BLACK;}
	A:link		{font:11.0pt/11.0pt;	color:Gray;	text-decoration:underline;}
	A:visited	{font:11.0pt/11.0pt;	color:Gray;	text-decoration:underline;}
	A:active	{font:11.0pt/11.0pt;	color:LightBlue;	text-decoration:none;}
	A:hover		{font:11.0pt/11.0pt;	color:Orange;	text-decoration:underline;}
--></style></head>
<script language="JavaScript">
<!--//
function GifFrame(img_file, f_sz, f_cl){
// Colored Gif image framing 2002.3.14.kro
//  ex)  
//     <script language="JavaScript">
//     GifFrame("../center.jpg","5","yellow");
//     </script>
//
// f_sz = frame_size   :  3,4,5,6 ... 90 ..? ( you can set 0 or 1 )
// f_cl = frame_color  :  yellow, blue , red . ( please release the color frame image files. )
document.write("<table border=0 cellpadding=0 cellspacing=0 bgcolor=>"); //bgcolor= : not fixed(auto or seethrough).
document.write("<tr>");
document.write("	<td width="+f_sz+" height="+f_sz+" background=../frame/frame_"+f_cl+"_top_left.gif></td>");
document.write("	<td width="+f_sz+" height="+f_sz+" background=../frame/frame_"+f_cl+"_top.gif></td>");
document.write("	<td width="+f_sz+" height="+f_sz+" background=../frame/frame_"+f_cl+"_top_right.gif></td>");
document.write("<tr>");
document.write("	<td width="+f_sz+" height="+f_sz+" background=../frame/frame_"+f_cl+"_left.gif></td>");
document.write("	<td align=center ><img border=0 src="+img_file+"></td>");
document.write("	<td width="+f_sz+" height="+f_sz+" background=../frame/frame_"+f_cl+"_right.gif></td>");
document.write("<tr>");
document.write("	<td width="+f_sz+" height="+f_sz+" background=../frame/frame_"+f_cl+"_bottom_left.gif></td>");
document.write("	<td width="+f_sz+" height="+f_sz+" background=../frame/frame_"+f_cl+"_bottom.gif></td>");
document.write("	<td width="+f_sz+" height="+f_sz+" background=../frame/frame_"+f_cl+"_bottom_right.gif></td>");
document.write("</table>");
}
//-->
</script>

<body background="../current.gif">

<CENTER><!--::::-->
<TABLE border=0 width=50%><td align=center>
<hr>
<font color=green><b>frame_size=40</b></font>
<script>GifFrame("../anime/kro_jump.gif","40","yellow");</script>
<br>
<script>GifFrame("../anime/kro_jump.gif","40","skyblue");</script>
<hr>
<script>
<!--
var VarFrameSize;
for (var i=3 ; i< 7 ; i++){
	VarFrameSize=i;
	document.write("<font color=green><b>frame_size="+VarFrameSize+"</b></font>");
	GifFrame("../anime/kro_jump.gif",VarFrameSize,"yellow");
	document.write("<hr>");
}

//-->
</script>
<a href="frame_color_size.txt">source</a>
<a href="JavaScript:history.back()">back</a>
</td>
</TABLE>
</CENTER><!--::::-->
</body>
</html>