dHTML
dynamic hypertext markup language
 

IMOS 98

Jason's Gateway

 

Introduction

What is dHTML?

Why dHTML?

Four Components

Three "Standards"

Cross Browser Design

Tutorials

FAQs

Acronyms

Links

Conclusion

 

Tutorial 2

How to create flying text

Flying text and animated effects can draw attention to a Web page. There are two methods to create flying text: through the MARQUEE element and through cascading style sheet positioning. The first method requires the use of a non-standard HTML element while the second method requires a good understanding of CSS and DOM.

This tutorial outlines the steps to create flying text using the MARQUEE element which is supported by IE4 only.

 

Step 1: Use Notepad to create an HTML document, using opening and closing HTML tags:

<HTML>
...
</HTML>

 

Step 2: Use the MARQUEE tags to wrap the text you want to fly.

<MARQUEE>
Tutorial 2: How to create dynamic text
</MARQUEE>

 

Step 3: Specify the position, behavior, direction and speed attributes in the MARQUEE tag.

<MARQUEE behavior=slide direction=right scrollamount=5>
Tutorial 2: How to create dynamic text
</MARQUEE>

The marquee is set to slide towards the right. The speed of the marquee is 5 pixels per millisecond.

 

Step 4: Check your coding for error and save the document. Your document should look like this example.

Copyright © Jason K. Chu. All rights reserved.

Please direct all comments to Jason K. Chu.