JavaScript Market - 動きのあるホームページを作る為の各種JavaScript のサンプルと小技集を公開中

JavaScript

JavaScriptって…? | JavaScript応用のツボ | ブラウザについて | JavaScript Market 利用規程 | JavaScript 各種サンプル | JavaScript 小技集

レイアを常に同じ位置に表示する

このレイアは、
ウィンドウが
スクロールされても
常にこの位置に
表示されます
■ このスクリプトのソース
<script>
// レイアの最初の横位置
def_left = 10;

// レイアの最初の縦位置
def_top = 100;

function init() {
   N4 = IE = GK = 0;
   if (document.layers)
      { N4 ++; obj = document.layers["lay"]; }
   else if (document.all)
      { IE ++; obj = document.all("lay").style; }
   else if (document.getElementById)
      { GK ++; obj = document.getElementById("lay").style; }

   with (obj) {
      left = def_left;
      top = def_top;
   }
   lay_ud();
}

function lay_ud() {
   if (N4) y = pageYOffset + def_top;
   if (IE) y = document.body.scrollTop + def_top;
   if (GK) y = window.pageYOffset + def_top;
   obj.top = y;
   setTimeout("lay_ud()",0);
}

onload = init;
</script>

<div id=lay style="position:absolute;">
<table bgcolor=#9999ff border cellpadding=10><td>
<font color=#ffffff>
このレイアは、<br>
ウィンドウが<br>
スクロールされても<br>
常にこの位置に<br>
表示されます
</font>
</td></table>
</div>

−−− 以下、スクロール実験用に余白を作ってあります −−−


suepon.com | CGI作成・CGI制作 | ドメイン検索 | バナー自動作成 | Google Dance jp | 松浦亜弥 (H.P.memo) | パソコン | ネイル