Resize Layer 1
example
◆クリックするとレイヤーサイズが変わります◆

Welcome to Dynamic HTML Library
source code
・HEAD部の記述
  <SCRIPT LANGUAGE="JavaScript">
  <!--
    function reszLay() {
      for (i=w; i>=0; i--) { 
        document.layers['name'].resizeTo(i,i);
      }
    }
  // -->
  </SCRIPT>

・BODY部の記述
  <A HREF="javascript:void(0);" onClick="reszLay();">
    ◆クリックするとレイヤーサイズが変わります◆</A>
  <LAYER ID="name" TOP="x" LEFT="y" WIDTH="w" HEIGHT="h" BGCOLOR="color">
    コメント </LAYER>
source point
onClick event でレイヤーサイズを変更するスクリプトです。
x,y はサイズを変更させるレイヤーの基点(左上隅)をページに対する絶対座標で指定し、 w,h は初期状態で表示されているレイヤーの幅と高さを指定します。
変数 i の初期値は初期状態で表示されるレイヤーの幅 w を指定します。(高さ h でも可)
初期状態で表示されているレイヤーが正方形なら上記のスクリプトでokですが、 この sample のように長方形の場合は resizeTo の要素に比率を使います。
例えば <LAYER WIDTH="400" HEIGHT="100"> の場合は resizeTo(i,i*0.25) とします。
変数 i の比率をいろいろな値に変えて実験してみましょう。