Put this code within the <head>element, the same place you normally put
scripts and, sometimes, CSS styles. Try this simple Web page to see some
really cool transitions:
<html>
<head>
<meta http-equiv=”page-enter”
content=”progid:dximagetransform.microsoft.wheel(duration=4)”
/>
<meta http-equiv=”page-exit”
content=”progid:dximagetransform.microsoft.stretch(duration=3
,stretchstyle=’spin’)”
/>
</head>
<body>
<h1> Visit Us Often! We Have Lots of Great Transitions</h1>
</body>
</html>
Now save this file as effects.htm to your hard drive. Double-click on it in
Windows Explorer and it loads the page into Internet Explorer. If you see a
security warning, click the warning and permit this page to load. Then try
pressing F5 to reload the page. Watch the cool “wheel” effect when the page-
enter condition (event, as it’s called) happens. Now to see the page-exit
transition, the stretcheffect, click one of your links or the home page icon
to go to a different Web site. Then press Backspace to return to this page
once again.
Figure 13-10:
Some users
see this
warning
when a
Web page
employing
scripts
loads,
telling them
of potential
danger.
248 Part III: Adding Artistry: Design and Composition with CSS
