Advanced DHMTL
Demonstrates advanced Javascript with demos of flocking fish and lighting animation
Animated document title
Demonstrates the use of NS 6's document.title property to animate the document's TITLE.
BrainJar.com
Experiments in web programming. Includes practical examples of coding for browsers that support the W3C DOM.
Color Fades
Produces a fade in effect using text. It dynamically changes CSS positioning and text color.
3D Text Effect
Given a text string, this sample produces a 3D perspective illusion effect by dynamically creating multiple text objects and clipping each one.
3D Text Light Effect
This is an animated version of the 3D Text Effect demo. It changes CSS color property for each text element.
DHTML Window
A 100% DOM based window that can be dragged, resized, and closed like a regular window.
Drag and Resize
Allows user to drag the image and resize. Drag the little gray icon to resize.
Drag-and-drop planetary size comparison
Interactively compare the sizes of two or more planets in the solar system by dragging their images into the size box. DHMTL page that works in W3C DOM compliant browsers only. (will work in MSIE 5, although error messages are produced.) External script files.
Dynamic Table
A small table is created. Then the user is able to create rows, columns, select cells and edit content.
Fade Spacing
Uses DOM to produce a fade in / fade out effect using text. It dynamically changes CSS positioning, text color and font spacing.
getElementById.com
Nice collection of scripts and samples demonstrating the fundamentals of DOM coding made by Martial Boissonneault.
Highlight image script
This script demonstrates using the DOM of IE 4/ NS 6 to dynamically highlight an image (apply a border to it) whenever the mouse moves over it.
Image Clipping Effects / Texture Walls
Produces a 3D illusion effect by dynamically creating multiple images and clipping each one. Illustrates a texture effect.
Image Clipping Effects / the Can
Produces a 3D illusion effect by dynamically creating multiple images and clipping each one.
Mozilla's DOM Sample Project
Samples made by volunteers for sharing knowledge and information about the DOM of Mozilla. You can select from the pulldown menus which samples you want to see.
Mozilla's DOM Sample Project: List of Sample Pages
A set of interactive samples demonstrating how to use features of the W3C DOM.
Pseudo-links
Working demo with tutorial how to create pseudo-links using DOM.
Resolution Independent Layout
Script set "body.style.zoom" according to the width of the window, that can be resized.
Round Title
Dynamically creates text elements and animates them.
Results: 1 2 3 4 Next
Site
Menu 
