DHTML Tutorials

---

Following is a list of articles that walk you, step by step, through the implementation of common Web authoring tasks using Dynamic HTML. Each article ends with a pointer to a sample demonstrating the technique just described, as well as links to related topics. Familiarity with a scripting language, preferably JScript® (compatible with ECMA 262 language specification) or Visual Basic® Scripting Edition (VBScript), and its programming concepts is recommended.

• How to Fly Text

  Make text fly across your page either with the help of a MARQUEE control or by manipulating its position directly through cascading style sheet (CSS) positioning. This article demonstrates both ways of flying text vertically or horizontally on a page.

• How to Fly Text in Geometric Patterns

  Learn step by step how to fly text diagonally across the page. This article introduces the sophisticated cascading style sheet (CSS) positioning capabilities of Microsoft® Internet Explorer 4.0.

• How to Fly Text Through an Oval Path

  Fly your text through an oval path with very few lines of code, using the DirectAnimation™ path control. The article describes how simply specifying a target object to be moved causes the path control to move the object around the page over time, in a geometric pattern.

• How to Animate a Sequence of Elements

  Make your page come alive with animation. The article describes how a series of elements displayed sequentially on a page over a timer or on a mouse click brings life to a slide show presentation.

• How to Apply a Transition on an Image

  Implement fast and easy visual effects on your pages with the help of transitions. This article teaches you how to apply transitions to an image with simple HTML and very minimal script.

• How to Create a Dynamic Table of Contents

  Use the power of cascading style sheets (CSS) to create a table of contents that expands and collapses in response to mouse clicks. This article demonstrates how to reassign style sheets on the fly in order to display or hide information on demand.

• How to Change Text Color Character by Character

  Add some flash to your pages by changing the colors of a group of objects at a set speed. This article models how to use JScript switch statements, timers, cascading style sheets (CSS), and HTML in creating this effect.

• How to Manipulate Text Effects in Response to Mouse Events

  Animate text using minimal scripting by following the steps presented in this article. The technique described, creating the mouseover highlight, provides an excellent introduction to using cascading style sheets (CSS).