Friday, September 3, 2010

How to create flashy effects for webpages

When you entered this page, you probably noticed that the screen dissolved from the previous one to the actual page. Nothing was wrong with your computer, it was the work of the new Flashy Introduction META tag. This tag, unfortunately, is only compatible with IE4+, but provides a great effect (and allows normal viewing in Netscape). The META tag is very easy to insert, once you know how to use it. This is the script:
<META http-equiv="Page-Enter" content="revealTrans(Duration=#,Transition=#)">
You will need to change two parts of this code. First, you will need to change the blue # after Duration to the number of seconds that you want the Flashy Introduction to take. Then, you will need to change the blue # after Transition to the number of the type of transition that you want the Flashy Intro to do. A list of what each number in Transition does is provided below. Once you make those two, small changes, insert the tag in the HEAD of your page.
The Transition # list:

    0   - Shrinking Box Changes Screen 1   - Growing Box Changes Screen 2   - Shrinking Circle Changes Screen 3   - Growing Circle Changes Screen 4   - Wipes Up to Clear Screen 5   - Wipes Down to Clear Screen 6   - Wipes Right to Clear Screen 7   - Wipes Left to Clear Screen 8   - Right Moving Stripes Clear Screen 9   - Downward Moving Stripes Clear Screen 10 - Right Moving Boxes Clear Screen 11 - Downward Moving Boxes Clear Screen 12 - Pixels "Dissolve" screen 13 - Horizontal Curtain Closing 14 - Horizontal Curtain Opening 15 - Vertical Curtian Closing 16 - Vertical Curtian Opening 17 - Strips away previous screen going Left-Down 18 - Strips away previous screen going Left-Up 19 - Strips away previous screen going Right-Down 20 - Strips away previous screen going Right-Up 21 - Horizontal Bars "Dissolve" screen 22 - Vertical Bars "Dissolve" screen 23 - Random Effect
A full example:
<META http-equiv="Page-Enter" content="revealTrans(Duration=5,Transition=21)">

No comments:

Post a Comment