JavaScript Examples Bible - UserWorks Technologies

clip
Compatibility ✓
Chapter 15 ✦ The NN4 Layer Object (Chapter 31)
NN2 NN3 NN4 NN6 IE3/J1 IE3/J2 IE4 IE5 IE5.5
Example
Because of the edge movement behavior of adjustments to layerObject.clip
properties, Listing 31-4 enables you to experiment with adjustments to each of the
six properties. The document loads one layer that you can adjust by entering alternative
values into six text fields — one per property. Figure 15-2 shows the page.
Figure 15-2: Experiment with layer.clip properties.
As you enter values, all properties are updated to show their current values (via
the showValues() function). Pay particular attention to the apparent motion of the
edge and the effect the change has on at least one other property. For example, a
change to the layerObject.clip.left value also affects the layerObject.clip.
width property value.
Listing 31-4: Adjusting layer.clip Properties
Layer Clip
var origLayerWidth = 0
var origLayerHeight = 0
Continued
447
document.layerObject.clip