レイヤーはスタイルシートの一種で、画面上の自由な位置に文字や画像を表示させることができます。ただし、レイヤーはNetscape Navigator 4.0以上でないと動作できません。レイヤーHTMLタグ
また、Microsoft InternetExplorerでは、レイヤータグをサポートしていないため、動作しません。
JavaScriptでのレイヤーコントロール
<LAYER NAME="layer1" TOP=0 LEFT=0 WIDTH=100 HEIGHT=50 BGCOLOR="#FFFFFF">
Hello World
</LAYER>
- NAMEはレイヤーを識別するための名前で、JavaScriptからはこのNAMEで呼び出しを行います。
- TOP、 LEFTはレイヤーの表示位置です。TOPは左上のY座標、LEFTは左上のX座標をピクセル値で指定します。
- WIDTH、 HEIGHTはレイヤーの大きさです。横幅(WIDTH)、縦幅(HEIGHT)をピクセル値で指定します。
- BGCOLORでレイヤー内の背景色を設定することができます。
layerオブジェクトレイヤーオブジェクトです。レイヤーオブジェクトの各プロパティ、メソッドを指定することにより、レイヤーの状態を設定、参照することができます。layerオブジェクトのメソッド
レイヤーオブジェクトは
{window.}document.layers["レイヤー名"].[メソッドまたはプロパティ]で定義します。layerオブジェクトのプロパティ
- moveAbove
- 指定されたレイヤーよりも手前に表示します
- moveBelow
- 指定されたレイヤーよりも奥に表示します
- moveBy
- レイヤーの表示位置を移動します
- moveTo
- レイヤーの表示位置を指定します
- resizeBy
- レイヤーの表示サイズを指定します
- resizeTo
- レイヤーの表示サイズを指定します
- above
- 上に重なっているレイヤーを返します
- below
- 下に重なっているレイヤーを返します
- bgColor
- レイヤーの背景色を返します
- clip.bottom
- レイヤーのクリップされた下座標を設定します
- clip.height
- レイヤーのクリップされた縦幅を設定します
- clip.width
- レイヤーのクリップされた横幅を設定します
- clip.left
- レイヤーのクリップされた左座標を設定します
- clip.right
- レイヤーのクリップされた右座標を設定します
- clip.top
- レイヤーのクリップされた上座標を設定します
- hidden
- レイヤーの表示設定をします。trueで表示、falseで非表示
- id
- レイヤーの名前を指定します
- left
- 親レイヤーからのオフセット(左)を設定します
- length
- 子レイヤーの数を返します
- name
- レイヤーの名前を設定します
- parentLayer
- 親レイヤーを返します
- siblingAbove
- 上に重なっているレイヤーを返します
- siblingBelow
- 下に重なっているレイヤーを返します
- src
- レイヤーに表示する文章を設定します
- top
- 親レイヤーからのオフセット(上)を設定します
- visibility
- レイヤーの表示を指定します。表示はshow、非表示はhide
- zIndex
- Z座標値を設定します。