 | |
| 1.3 | Nesting Layers |
| |
| 1.3 | Nesting Layers |
Nesting layers are quite intuitive. It works very similar to nesting tables or frames. Here's an example:
<LAYER NAME="parentlayer" LEFT=50 TOP=50 BGCOLOR=#00FFFF WIDTH=300 HEIGHT=150>
This is the parent layer
<LAYER NAME="childlayer" LEFT=50 TOP=50 BGCOLOR=#008080 WIDTH=150 HEIGHT=50>
<FONT COLOR="#FFFFFF">This is the child layer</FONT>
</LAYER>
</LAYER>
The parent layer is called such because it contains another layer(s). For the child layer, it's left and top positions are relative to the parent layer. So by setting my child layer to (50,50) it is actually at (100,100) on the screen because it's coordinates are relative to the parent which is at (50,50) on the screen.
Nesting is usually not necessary for simple things. But when you go to make complicated animations it becomes a very valuable tool. Use it when you need to group several layers together to form some other structure.
| ||
| 1.1 Introduction
1.2 Overlapping 1.3 Nesting 1.4 Using JavaScript |
2.1 Sliding Layers
2.2 Pre-Built Functions 2.3 Clipping Layers 2.4 Looping Animations 2.5 Changing Images |
3.1 Mouse-Click Animation
3.2 Capturing Keystrokes 3.3 Drag and Drop 4.1 Making Demos 4.4 Problems 4.5 Screen Sizes |
| ||