|
|
|
|
Home / Computers / Programming / Languages / JavaScript / W3C DOM / Sample Code
|
| Categories |
|
|
|
|
|
|
|
|
Web Sites
|
- 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.
www.mozilla.org/docs/dom/samples/text/index.html
- 3D Text Light Effect - This is an animated version of the 3D Text Effect demo. It changes CSS color property for each text element.
www.mozilla.org/docs/dom/samples/flash/index.html
- Animated document title - Demonstrates the use of NS 6's document.title property to animate the document's TITLE.
www.dynamicdrive.com/dynamicindex11/animatedtitle.htm
- BrainJar.com - Experiments in web programming. Includes practical examples of coding for browsers that support the W3C DOM.
www.brainjar.com
- Color Fades - Produces a fade in effect using text. It dynamically changes CSS positioning and text color.
www.mozilla.org/docs/dom/samples/dom-css-fonts/colorfades.html
- DHTML Demos of Adobe PhotoShop Functionality - Adobe PhotoShop demos, based in DHTML created with x-browser objects. DHTML works with IE 4.x and up, Navigator 4.x, Navigator 6.x and up, and Mozilla.
www.yasd.com/interaction/interact2.htm
- DHTML Window - A 100% DOM based window that can be dragged, resized, and closed like a regular window.
www.dynamicdrive.com/dynamicindex8/dhtmlwindow.htm
- DOM Windows - Demonstration of the use of DOM compliant browsers to create new "windows" (actually new window-like objects) within a browser window.
www.scottandrew.com/index.php?dom/domwin_1.html
- Drag and Resize - Allows user to drag the image and resize. Drag the little gray icon to resize.
www.mozilla.org/docs/dom/samples/resize/index.html
- Drag-and-drop planetary size comparison - Interatively 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.
www.roving-mouse.com/planetary/sizes.html
- Dynamic Table - A small table is created. Then the user is able to create rows, columns, select cells and edit content.
www.mozilla.org/docs/dom/samples/dynatable-light/index.html
- Fade Spacing - Uses DOM to produce a fade in / fade out effect using text. It dynamically changes CSS positioning, text color and font spacing.
www.mozilla.org/docs/dom/samples/dom-css-fonts/fadespacing.html
- getElementById.com - Nice collection of scripts and samples demonstrating the fundamentals of DOM coding made by Martial Boissonneault.
getElementById.com
- 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.
www.dynamicdrive.com/dynamicindex4/highlight2.htm
- Image Clipping Effects / Texture Walls - Produces a 3D illusion effect by dynamically creating multiple images and clipping each one. Illustrates a texture effect.
www.mozilla.org/docs/dom/samples/texturewalls/index.html
- Image Clipping Effects / the Can - Produces a 3D illusion effect by dynamically creating multiple images and clipping each one.
www.mozilla.org/docs/dom/samples/can/index.html
- 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.
cgi.din.or.jp/~hagi3/JavaScript/JSTips/Mozilla/mds.cgi
- Mozilla's DOM Sample Project: List of Sample Pages - A set of interactive samples demonstrating how to use features of the W3C DOM.
cgi.din.or.jp/~hagi3/JavaScript/Mozilla/SampleList.cgi?fmt=html
- Round Title - Dynamically creates text elements and animates them.
www.mozilla.org/docs/dom/samples/dom-css-fonts/roundtitle.html
- Scrolling Banner - This example demonstrates how to achieve a scrolling banner, similar to IE's MARQUEE element, using methods and properties contained in the DOM 1 and 2 recommendations of the W3C.
www.widomaker.com/~reboughner/W3C/scrollbanner/scroll.html
- Scrolling Credits - Dynamically creates a set of text elements like a credits list. Animates the area, changing text position and text color.
www.mozilla.org/docs/dom/samples/dom-css-fonts/credits.html
- Shake image script (onMouseover) - This script "shakes" an image when the mouse comes in contact with it, by harnessing the relative positioning/animating capability of NS 6 and IE 4+.
www.dynamicdrive.com/dynamicindex4/shake.htm
- Style with DOM. - How to dynamically change styles using the DOM.
www.markup.co.nz/dom/style_the_dom.htm
- Submit Once! form validation script - Use this practical script to prevent users from abusing the submit button of your forms in NS 6 and IE 4+. It will automatically disable the button immediately after it's pressed.
www.dynamicdrive.com/dynamicindex11/submitonce.htm
- Taboca Demonstrations for Gecko - A collection of demos by Marcio Galli.
www.taboca.com/worlds/gek
- Text Interlace - Uses DOM to animate two strings of text producing an "interlace" effect.
www.mozilla.org/docs/dom/samples/dom-css-fonts/textinterlace.html
- Toshirou Takahashi's DOM Sample Code - Numerous samples showing how to use DOM features.
web01.fureai.or.jp/~tato/ver5/testcontents.htm
- WebFx - A showcase for DOM and DHTML JavaScript programming.
webfx.eae.net
|
|
|
|
|