[This material is now obsolete. Current browsers (2014) will not render many of the effects described. Progress actually!
See Jan's Web Scripting demo for current methods.]
Dynamic HTML is a term for the set of properties and methods that form the W3C HTML 4.0 standard. This extensively relies on Cascading Stylesheets. If you are not familiar with stylesheets, you should first view my examples of Cascading Stylesheets (CSS) at the companion site Jan's Cascading Stylesheets Demo.
The "Dynamic" part of DHTML does not mean that something on the page has to move! It means that the page responds to what the viewer does. So it might mean that an image moves when the user moves the mouse over it. Or that a calculation is done, or that form entries are checked for completeness and reasonableness. Or any number of other things that the viewer cannot see.
MS Internet Explorer 4 (IE4) and Netscape 4.0 Communicator(NC4) are the first browsers to support DHTML. Unfortunately they support overlapping subsets of the 4.0 standard. Communicator has added LAYERS, which are not part of the 4.0 standard. To make things "interesting", Netscape 6 does NOT support LAYERS! Thus we see that IE's DIV has won this particular war! [I am keeping the LAYER material for historical interest only.]
Some parts of the DHTML standard are not yet supported by any browser. Upcoming browser versions will undoubtedly expand the standards supported. The example pages here may include currently unsupported code in hope that they will thus have a longer useful life.
Some frames use the linked stylesheet demod.css which you can view here.
Be aware that Netscape Communicator 4 has a bug that sometimes causes this site to crash Netscape, especially if you resize the window. I apologize for this inconvenience, but it really is not the pages; it's a "Known Issue" according to Netscape. They're working on it.
To view the code, right click in the frame and select View Source or else use menu View | Frame Source
Best viewed at 800 x 600 resolution.