便利eelife Java Script

   戻る

下から上に文字をスクロールさせます。
ようこそ eelifeの
JavaScriptライブラリへ。
ここでは文字を下から上に
スクロールさせる、
方法を紹介しています。



サンプルソース
<!--HTMLタグ </HEAD>の下に挿入してください。-->
<BODY onload="format()">
<DIV id="xypos" style="position:absolute;top:100px;
width : 200px;
height : 100px;
left : 5px;">
ようこそ eelifeの<BR>
JavaScriptライブラリへ。<BR>
ここでは文字を下から上に<BR>
スクロールさせる、<BR>
方法を紹介しています。</DIV>
</BODY>
<!--Javascript <HEAD>と</HEAD>の間に挿入してください。 -->
<SCRIPT language="JavaScript">
<!--eelife
function format()
{
M_t = document.body.clientTop;  //  今開いているページのTopの位置
M_y = document.body.clientHeight;  //  今開いているページの高さの取得
setTimeout("scroll_msgup()",100);
}

function scroll_msgup()
{
document.all["xypos"].style.top = M_y;
M_y = M_y-1;
if (M_y > M_t-100) {setTimeout("scroll_msgup()",30)};

else{M_y = document.body.clientHeight;
setTimeout("scroll_msgup()",100);}
}


// -->
</SCRIPT>
コメント
clientTop で今開いているページのTopの位置を
clientHeight で高さを取得します。
高さー1 で レイヤー"xypos"のY座標を1ずつ減らして上に移動します。

レイヤーの設置
こちらを参照