What you see is just the start of what you get from a Web page when it's authored using Dynamic HTML's Full HTML Object Model, which is based on the Document Object Model proposed by Microsoft to the World Wide Web Consortium (W3C). Take an organizational chart, for instance. Now a Web author can build the chart so when you move your mouse over a person's name, a pop-up box tells you more about that person and his or her group. For additional information, simply click a link in the box. This way of presenting the information saves space on the page—and the user's valuable time—by "hiding" information and options until the user wants them.

Another example of how Web authors can use the Object Model is a table of contents that users can expand or contract to quickly access key information on a page. This is easy to generate in Dynamic HTML—even for sites that already exist—because the Object Model gives authors control over all the HTML tags on a page. In this case, the author just adds a few lines of scripting to take the existing heading tags and arrange them into a linked table of contents upon the user's command.

The following demos show what Web authors can do with Dynamic HTML's Object Model by just adding a little JavaScript or VBScript to standard HTML. Watch as text changes and images move and hide, changing dynamically along with what you do with your mouse. You need to be running Internet Explorer 4.0 to view the following demos. If you haven't installed it yet, click Download in the left column, but be sure to read the warning before you proceed with the download.

• Lakes & Sons Landscaping: This demo combines several key features of Dynamic HTML. To see how the Object Model fits into the picture, simply move your mouse over any button and you'll see text display. The Object Model is also used to hide and show text, as well as move objects around the page.
• Internet Explorer 4.0 Web Site Table of Contents: This demo adds several layers of information—plus a refreshing splash of color—to an ordinary table of contents. Click the title to dynamically display main headings. Then watch the font color change as you point to the headings. One more click and you'll display subheadings that link you to pages within the Internet Explorer 4.0 site.
• Arcadia Bay Company: This demo uses Dynamic HTML's Object Model mouse-over event capabilities. Pass your mouse over the words on the page and see the color of the text change to signal emphasis and focus. This demo also demonstrates the advantages of Object Model's hide/show functionality.