HOME  >>>  HTML整理ノート  >>> DHTML --  基本編  応用編

テキスト水平線

KODAYANKODAYANKODAYANKODAYANKODAYANKODAYANKODAYANKODAYAN

Kodayan Homepage

KODAYANKODAYANKODAYANKODAYAN KODAYANKODAYANKODAYAN KODAYAN

 

Sample Source......................................................................>>>

<script language="JavaScript"><!--
var i = 0;    //色配列のindex番号
function ChangeC(){
    //以下、5個の色配列を作成
    var co1 = new Array("blue","red","green","magenta","black");
    var co2 = new Array("black","blue","red","green","magenta");
    var co3 = new Array("magenta","black","blue","red","green");
    var co4 = new Array("green","magenta","black","blue","red");
    var co5 = new Array("red","green","magenta","black","blue");

    p1.style.color = co1[i];
    s1.style.color = co1[i];
    s2.style.color = co2[i];
    s3.style.color = co3[i];
    s4.style.color = co4[i];
    s5.style.color = co5[i];
    s6.style.color = co1[i];
    s7.style.color = co2[i];
    s8.style.color = co3[i];

    i++;        //配列のindex番号を1増やす
    if(i>4)i = 0; //index番号が5以上になったら0で初期化
    setTimeout("ChangeC()",500); //0.5秒間隔でタイマーを進める
}
//--></script>
</head>

<body onload="ChangeC();">

<h3 class="header">テキスト水平線</h3>

<p id="p1" style="font:10 'Times New Roman'" align="center">KODAYANKODAYANKODAYANKODAYANKODAYANKODAYANKODAYANKODAYAN</p>

<h1 align="center">Kodayan Homepage</h1>
<div id="p2" style="font:8 'Times New Roman'" align="center">
    <span id="s1">KODAYAN</span><span id="s2">KODAYAN</span>
    <span id="s3">KODAYAN</span><span id="s4">KODAYAN </span>
    <span id="s5">KODAYAN</span><span id="s6">KODAYAN</span>
    <span id="s7">KODAYAN</span> <span id="s8">KODAYAN</span>
</div>


end(最終更新:12/11/12)