レイヤー機能とJavaSciptを組み合わせて,文字のフェードイン,フェードアウト表示を行うサンプルを作成しました.
<form>
<input type=button value="押してね" onclick="msgFade();">
</form><p>
<layer id="lyr" width=400 visibility = show></layer> //(1)
<script language="JavaScript">
<!--
var fade = true;
function msgFade(){
var color;
var l = document.layers["lyr"];
if( fade ){
color = "fedcba9876543210";
}
else
{
color = "0123456789abcdef";
}
fade = ( fade ) ? false: true;
for( i = 0; i < 16 ; i++ ){
c = color.charAt( i ); //(2)
c = c + c + c + c + c + c; //(3)
l.document.open();
l.document.fgColor = c;
l.document.write( "<font size=7>Hello</FONT><BR>" );
l.document.write( "<font size=7>My Name is</FONT><BR>" );
l.document.write( "<font size=7>Motnari Morikawa</FONT><BR>" );
l.document.close();
}
}
//-->
</SCRIPT>