[Back]

Jump Title
〜タイトル文字が跳ねます〜


■ プレビュー

JavaScript






■ ソース

<SCRIPT Language="JavaScript">
<!--
y       = 150;  // y座標
dy      = 0;    // 移動用
baseY   = 200   // 地面の高さ
offsset = 3;    // 移動量
timerID = 0;    // タイマー変数
time    = 100;  // 動作間隔

function getPos()
{
        if (document.layers)    y = document["mvTitle"].top;
        if (document.all)       y = window["mvTitle"].style.pixelTop;
}

function moveTitle()
{
        y = y + dy;
        if (y >= baseY) { dy = -dy; y = baseY;}
        dy = dy + offsset;
        if (document.layers)    document["mvTitle"].top = y;
        if (document.all)       window["mvTitle"].style.pixelTop = y;
        clearTimeout(timerID);
        timerID = setTimeout("moveTitle()",time);
}
// -->
</SCRIPT>

■ 使い方

  1. 上のプログラムを、文章を表示したいhtmlファイルにコピーして下さい。
  2. 文字を表示したい部分に、次のように記述してください。
    <DIV ID="mvTitle" STYLE="position:absolute;left:280px;top:150px;font-size:40px;">JavaScript</DIV>
    <BR><BR><BR><BR><BR><BR>
    
  3. <DIV ID="_">_____</DIV>の間に表示したいタイトルを入れます。
  4. Script内のy座標と上記のtop:___pxの数値は同じにして下さい。また、地面の高さはy座標より数値を大きくして下さい。