<head>
<title>テキストのスクロール（JavaScript）</title>
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<META http-equiv="Content-Style-Type" content="text/css">
<script language="JavaScript">
<!--
var dummy_space1 = " ";
var scl_text = "ようこそ僕のホームページへ";
var dummy_space2 = "";
var scl_speed = 200;
scl_text = dummy_space1 + scl_text + dummy_space2;
function text_scroll() {
document.scl_area.scl_area_text.value = scl_text;
scl_text = scl_text.substring(1,scl_text.length) + scl_text.substring(0,1);
setTimeout("text_scroll()",scl_speed);
}
//-->
</script>
<style type="text/css">
<!--
input { color :red;
background-color:aqua;
border :3 double orangered;}
body { text-align: center;}
-->
</style>
</head>
<body bgcolor="#FFFFFF" onLoad="text_scroll()">
<table border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td align="center" colspan="4">
<p><img src="welcome.gif" width="400" height="50"></p>
</td>
</tr>
<tr>
<td align="center"><img src="movie.gif" width="100" height="30"></td>
<td align="center"><img src="music.gif" width="100" height="30"></td>
<td align="center"><img src="bbs.gif" width="100" height="30"></td>
<td align="center"><img src="link.gif" width="100" height="30"></td>
</tr>
<tr>
<td align="center" colspan="4">
<form name="scl_area">
<input type="text" name="scl_area_text" size=50>
</form>
</td>
</tr>
</table>
</body>
</html>