ticker

Ticker 風文字表示欄のソース　ソースをコピー

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<title>ticker</title>
</head>

<body onload="telop()">
<div align="center"><br>

<table width="70%" background="green.jpg">
<td><form name=tel></td>
<td align="center">
<script type="text/javascript">
<!--
t = new Array();
t[0] = "　infoseek のティッカー風のテキスト表示欄です。";
t[1] = "　表示するテキストの内容、文字数、文字の大きさ、";
t[2] = "　色、書体や表示回数などお好みに応じてかえられます。m(^^)m";
i = 0;

function telop() {
if(i == 3){i = 0;}
messe = t[i];
i++;
n = 0;
appear();}

function appear(){
n += 1;
document.tel.word.value=messe.substring(0,n);
if(n <= messe.length && n > 0)
s1 = setTimeout("appear()",50);
else s1 = setTimeout("de()",3000);}

function de(){
end = messe.length;
messe=messe.substring(1,end);
document.tel.word.value = messe;
if(end > 0)
s2 = setTimeout("de()",30);
else s2 = setTimeout("telop()",1500);}

document.write('<input size=60 name=word style="font-size:12pt;background-color:green;color:#ffffff" readonly>');
// font-size:文字の大きさ、color:文字の色、background-color:文字の背景色
//-->
</script></td>
<td></form></td></table>

</div>
</body>
</html>