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

メッセージをトランジション効果で表示

 

 

 

 

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

<script Language="JavaScript"><!--
var n = 0;    //配列のindex番号
function Start(){
    var st = new Array("御贔屓の皆皆様方",
        "<font color = 'red'>ようこそ!</font>",
        "Kodayanの","Homepageへ",
        "まだまだ幼稚なページですが、","末永く御贔屓のほど",
        "よろしく御願い致します。");

    dv.filters.revealTrans.transition = 23;     //ランダムなトランジション
    dv.filters[0].Apply();
    dv.innerHTML = st[n]; //メッセージを配列から指定
    dv.filters[0].Play();
    n++;        //配列のindex番号を1進める
    if(n == st.length)n = 0;//最後のメッセージに達したら最初に戻す
    setTimeout("Start()",7000);
}
// --></script>
</head>

<body onload="Start();">
<div id="dv"
    style="position:absolute;top:50;left:15%;
    color:magenta;font:bold 40pt 'Comic Sans MS';
    filter:revealTrans(transition=23,duration=4)">
</div>


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