ホームページ楽々講座234

 スクロールしても、文字列や画像などを常に同じ位置に表示します。

 「ホームページ講座2部 No.71」も同じように表示しますが、スクリプトが
  異なります。

●Layer1.style.top=document.body.scrollTop+100;

 文字列や画像のトップ位置を、常に画面のトップ位置+100pxにします。


■234.html----------------------------------------------------------

<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html;charset=Shift_JIS">
<TITLE>234</TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
function moveLayer(){
	Layer1.style.top=document.body.scrollTop+100;
}
//-->
</SCRIPT>
</HEAD>
<BODY BACKGROUND="bg.gif" onScroll="moveLayer()"><BR>
<DIV STYLE="font-size:28pt;color:teal;text-align:center;">ホームペー
ジ楽々講座234</DIV><P>
<DIV ID="Layer1" STYLE="position:absolute;width:238;height:364;
z-index:1;left:600;top:100;background-color:#eeffff;">
<IMG SRC="slide1.jpg">
</DIV>
</BODY>
</HTML>