スプラッシュ画面の応用サンプル2
HTML+TIMEと組み合わせてみた。
●開いたウィンドウに表示するHTMLファイル(splash02.html)のソースは次のとおり
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML XMLNS:t="urn:schemas-microsoft-com:time">
<html>
<head>
<title>DHTML SAMPLES NEO3</title>
<script language="javascript">
</script>
<style>
.time { behavior: url(#default#time2);
font-size:18pt;font-family:Arial;font-weight:900;
}
</style>
<?IMPORT namespace="t" implementation="#default#time2">
</head>
<body style="background-color:blue;color:white;overflow:hidden;filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#00ff88', startColorstr='#0000ff',gradientType='1'">
<table width="100%" height="100%">
<tr>
<td align="center">
<t:seq begin="1" repeatCount="3">
<div class="time" dur="1" style="color:white;">こんにちは</div>
<div class="time" dur="0.95" style="color:white;">こちらは</div>
<div class="time" dur="0.9" style="color:white;">MAKOTO3.NETです</div>
<div class="time" dur="0.85" style="color:white;">HTML</div>
<div class="time" dur="0.8" style="color:white;">JavaScript</div>
<div class="time" dur="0.75" style="color:white;">CSS</div>
<div class="time" dur="0.7" style="color:white;">DynamicHTML</div>
<div class="time" dur="0.65" style="color:white;">ASP</div>
<div class="time" dur="0.6" style="color:white;">HTML+TIME</div>
<div class="time" dur="0.55" style="color:white;">等の技術について</div>
<div class="time" dur="0.5" style="color:white;">サンプル中心に</div>
<div class="time" dur="0.45" style="color:white;">紹介しています</div>
<div class="time" dur="0.4" style="color:white;">なかなか楽しい世界なので</div>
<div class="time" dur="0.35" style="color:white;">みなさんもいかが</div>
<div class="time" dur="0.3" style="color:white;">じゃあ</div>
<div class="time" dur="0.25" style="color:white;">バイバイ</div>
</t:seq>
<br>
<button onclick="window.close()">close</button>
</td>
</tr>
</table>
</body>
</html>