mozilla

Revision 201062 of DHTML Demonstrations Using DOM/Style

  • Revision slug: DHTML_Demonstrations_Using_DOM//Style
  • Revision title: DHTML Demonstrations Using DOM/Style
  • Revision id: 201062
  • Created:
  • Creator: Anonymous
  • Is current revision? No
  • Comment /* Animation and Manipulation of Text Elements */

Revision Content

Mozilla's DOM Sample Project

This page contains a list of DOM samples based on the various DOM features. The list includes demos for DOM Events, DOM Core, DOM HTML and much more.

List of the samples

Animation and Manipulation of Text Elements

Real-time 3D animation

This demonstration shows how to use JavaScript and the DOM to dynamically animate a set of image objects creating a 3d animation effect.

Revision Source

<h3 name="Mozilla.27s_DOM_Sample_Project"> Mozilla's DOM Sample Project </h3>
<p>This page contains a list of DOM samples based on the various DOM features. The list includes demos for DOM Events, DOM Core, DOM HTML and much more.
</p><p><a class="external" href="http://cgi.din.or.jp/%7Ehagi3/JavaScript/Mozilla/SampleList.cgi?fmt=html">List of the samples</a>
</p>
<h3 name="Animation_and_Manipulation_of_Text_Elements"> Animation and Manipulation of Text Elements </h3>
<ul><li> <a class="external" href="http://www.mozilla.org/docs/dom/samples/dom-css-fonts/colorfades.html">Color Fades</a>
</li><li> <a class="external" href="http://www.mozilla.org/docs/dom/samples/dom-css-fonts/textinterlace.html">Text Interlace Effect</a>
</li><li> <a class="external" href="http://www.mozilla.org/docs/dom/samples/dom-css-fonts/fadespacing.html">Fade and Spacing</a>
</li><li> <a class="external" href="http://www.mozilla.org/docs/dom/samples/dom-css-fonts/bouncingsmile.html">Animating Text 1</a> - <a class="external" href="http://www.mozilla.org/docs/dom/samples/dom-css-fonts/geckowave.html">and 2</a>
</li><li> <a class="external" href="http://www.mozilla.org/docs/dom/samples/dom-css-fonts/credits.html">Scrolling Credits Demo</a> (requires Netscape 7.x/Mozilla)
</li></ul>
<h3 name="Real-time_3D_animation"> Real-time 3D animation </h3>
<p><a class="external" href="http://www.world-direct.com/mozilla/dhtml/funo/3dcube/index.htm">This demonstration</a> shows how to use JavaScript and the DOM to dynamically animate a set of image objects creating a 3d animation effect.
</p>
Revert to this revision