Flashy Effects for Webpages
 
Network Websites
Corporate website
Beautiful Clip Art
Fast Cars
Video Tiger
Fantasy Art
Beauty & Health
Tips & Tricks

Fast Loading Pages
Glowing Links II
Hide E-mail Address
Javascript Links
Link Colors
Marquees
Navigation
New Window
No Underline Links
Out of a Frame
Page Flash Effects
Preload Graphics Protect Graphics
Redirect Scrolling Javascript
Text Roll-Overs
Tooltip Links
[more tips...]

Tutorials
CSS
Colors
Forms
FTP
Image Maps
Meta Tags
Resources

Web Hosting
Counters & Trackers
Domain Names
Graphics
Web Page Design
Java Script
DHTML

 

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)">

Tips and Tricks

Sponsor

Hot Wedding Ideas

Advertise
Really affordable rates.
Feedback
Comments, suggestions?

 

 

home | tips & tricks | tutorials | tools | resources | contact | advertise
© 2000 - 2001 GT Media Inc. All rights reserved.