Uncle Jim's Web Designs and Tutorials

This is part six of a series on Dynamic HTML

Object Animation Using Layers

Now that you have a basic understanding of how to access CSS properties in a layer using Javascript, let's look at a few examples that demonstrate some of the various uses of this thing we call DHTML.

Demo: Moving Layers.

Demo: Seeing Layers.

Demo: Scrolling Layers.

Demo: Swapping Layers.

Demo: Moving Multiple Layers.

Demo: Dropping Layers.

Demo: Drag & Drop Layers.

Demo: Reading META tag keywords.

Demo: Dynamically add elements to forms.

Demo: Reading styles of an ID selector rule.

Demo: Reading CLASS styles.

Demo: Adding sub-sections to collapse menus.

Demo: Expand acronyms and abbreviations.

Now that you understand a bit more about Layers and how to access them, lets proceed to the next section.

Next, we discuss positioning the element properties using using Javascript and CSS.