DHTML Transition effects between webpages: 23 welcome animations

Transition animations between webpages: 23 different effects
Welcome your visitors with an eye catching start-animation when he enters your web page. And say goodbye to your visitors goodbye with a cool transition-effect. Choose among 23 different effects. No JavaScript needed. Just paste two special meta-tags into between your <HEAD> tags just below the title-tag </HEAD> and your friends will be very, very impressed. Works with Internet Explorer 4 or higher.

Test and download your effect below:

Effect "Box in"    Test it here
Configuration: Open your web page. Paste the following code between the <head> and </head> tags of your web page (below the title-tags):
<meta HTTP-EQUIV="Page-Enter" CONTENT="revealtrans(duration=4.0, transition=0)"> <meta HTTP-EQUIV="Page-Exit" CONTENT="revealtrans(duration=4.0, transition=0)">

Effect "Box out"    Test it here
Configuration: Open your web page. Paste the following code between the <head> and </head> tags of your web page (below the title-tags):
<meta HTTP-EQUIV="Page-Enter" CONTENT="revealtrans(duration=4.0, transition=1)"> <meta HTTP-EQUIV="Page-Exit" CONTENT="revealtrans(duration=4.0, transition=1)">

Effect "Circle in"    Test it here
Configuration: Open your web page. Paste the following code between the <head> and </head> tags of your web page (below the title-tags):
<meta HTTP-EQUIV="Page-Enter" CONTENT="revealtrans(duration=4.0, transition=2)"> <meta HTTP-EQUIV="Page-Exit" CONTENT="revealtrans(duration=4.0, transition=2)">

Effect "Circle out"    Test it here
Configuration: Open your web page. Paste the following code between the <head> and </head> tags of your web page (below the title-tags):
<meta HTTP-EQUIV="Page-Enter" CONTENT="revealtrans(duration=4.0, transition=3)"> <meta HTTP-EQUIV="Page-Exit" CONTENT="revealtrans(duration=4.0, transition=3)">

Effect "Wipe up"    Test it here
Configuration: Open your web page. Paste the following code between the <head> and </head> tags of your web page (below the title-tags):
<meta HTTP-EQUIV="Page-Enter" CONTENT="revealtrans(duration=4.0, transition=4)"> <meta HTTP-EQUIV="Page-Exit" CONTENT="revealtrans(duration=4.0, transition=4)">

Effect "Wipe down"    Test it here
Configuration: Open your web page. Paste the following code between the <head> and </head> tags of your web page (below the title-tags):
<meta HTTP-EQUIV="Page-Enter" CONTENT="revealtrans(duration=4.0, transition=5)"> <meta HTTP-EQUIV="Page-Exit" CONTENT="revealtrans(duration=4.0, transition=5)">

Effect "Wipe right"    Test it here
Configuration: Open your web page. Paste the following code between the <head> and </head> tags of your web page (below the title-tags):
<meta HTTP-EQUIV="Page-Enter" CONTENT="revealtrans(duration=4.0, transition=6)"> <meta HTTP-EQUIV="Page-Exit" CONTENT="revealtrans(duration=4.0, transition=6)">

Effect "Wipe left"    Test it here
Configuration: Open your web page. Paste the following code between the <head> and </head> tags of your web page (below the title-tags):
<meta HTTP-EQUIV="Page-Enter" CONTENT="revealtrans(duration=4.0, transition=7)"> <meta HTTP-EQUIV="Page-Exit" CONTENT="revealtrans(duration=4.0, transition=7)">

Effect "Vertical blinds"    Test it here
Configuration: Open your web page. Paste the following code between the <head> and </head> tags of your web page (below the title-tags):
<meta HTTP-EQUIV="Page-Enter" CONTENT="revealtrans(duration=4.0, transition=8)"> <meta HTTP-EQUIV="Page-Exit" CONTENT="revealtrans(duration=4.0, transition=8)">

Effect "Horizontal blinds"    Test it here
Configuration: Open your web page. Paste the following code between the <head> and </head> tags of your web page (below the title-tags):
<meta HTTP-EQUIV="Page-Enter" CONTENT="revealtrans(duration=4.0, transition=9)"> <meta HTTP-EQUIV="Page-Exit" CONTENT="revealtrans(duration=4.0, transition=9)">

Effect "Checkerboard across"    Test it here
Configuration: Open your web page. Paste the following code between the <head> and </head> tags of your web page (below the title-tags):
<meta HTTP-EQUIV="Page-Enter" CONTENT="revealtrans(duration=4.0, transition=10)"> <meta HTTP-EQUIV="Page-Exit" CONTENT="revealtrans(duration=4.0, transition=10)">

Effect "Checkerboard down"    Test it here
Configuration: Open your web page. Paste the following code between the <head> and </head> tags of your web page (below the title-tags):
<meta HTTP-EQUIV="Page-Enter" CONTENT="revealtrans(duration=4.0, transition=11)"> <meta HTTP-EQUIV="Page-Exit" CONTENT="revealtrans(duration=4.0, transition=11)">

Effect "Random dissolve"    Test it here
Configuration: Open your web page. Paste the following code between the <head> and </head> tags of your web page (below the title-tags):
<meta HTTP-EQUIV="Page-Enter" CONTENT="revealtrans(duration=4.0, transition=12)"> <meta HTTP-EQUIV="Page-Exit" CONTENT="revealtrans(duration=4.0, transition=12)">

Effect "Split vertical in"    Test it here
Configuration: Open your web page. Paste the following code between the <head> and </head> tags of your web page (below the title-tags):
<meta HTTP-EQUIV="Page-Enter" CONTENT="revealtrans(duration=4.0, transition=13)"> <meta HTTP-EQUIV="Page-Exit" CONTENT="revealtrans(duration=4.0, transition=13)">

Effect "Split vertical out"    Test it here
Configuration: Open your web page. Paste the following code between the <head> and </head> tags of your web page (below the title-tags):
<meta HTTP-EQUIV="Page-Enter" CONTENT="revealtrans(duration=4.0, transition=14)"> <meta HTTP-EQUIV="Page-Exit" CONTENT="revealtrans(duration=4.0, transition=14)">

Effect "Split horizontal in"    Test it here
Configuration: Open your web page. Paste the following code between the <head> and </head> tags of your web page (below the title-tags):
<meta HTTP-EQUIV="Page-Enter" CONTENT="revealtrans(duration=4.0, transition=15)"> <meta HTTP-EQUIV="Page-Exit" CONTENT="revealtrans(duration=4.0, transition=15)">

Effect "Split horizontal out"    Test it here
Configuration: Open your web page. Paste the following code between the <head> and </head> tags of your web page (below the title-tags):
<meta HTTP-EQUIV="Page-Enter" CONTENT="revealtrans(duration=4.0, transition=16)"> <meta HTTP-EQUIV="Page-Exit" CONTENT="revealtrans(duration=4.0, transition=16)">

Effect "Strips left down"    Test it here
Configuration: Open your web page. Paste the following code between the <head> and </head> tags of your web page (below the title-tags):
<meta HTTP-EQUIV="Page-Enter" CONTENT="revealtrans(duration=4.0, transition=17)"> <meta HTTP-EQUIV="Page-Exit" CONTENT="revealtrans(duration=4.0, transition=17)">

Effect "Strips left up"    Test it here
Configuration: Open your web page. Paste the following code between the <head> and </head> tags of your web page (below the title-tags):
<meta HTTP-EQUIV="Page-Enter" CONTENT="revealtrans(duration=4.0, transition=18)"> <meta HTTP-EQUIV="Page-Exit" CONTENT="revealtrans(duration=4.0, transition=18)">

Effect "Strips right down"    Test it here
Configuration: Open your web page. Paste the following code between the <head> and </head> tags of your web page (below the title-tags):
<meta HTTP-EQUIV="Page-Enter" CONTENT="revealtrans(duration=4.0, transition=19)"> <meta HTTP-EQUIV="Page-Exit" CONTENT="revealtrans(duration=4.0, transition=19)">

Effect "Strips right up"    Test it here
Configuration: Open your web page. Paste the following code between the <head> and </head> tags of your web page (below the title-tags):
<meta HTTP-EQUIV="Page-Enter" CONTENT="revealtrans(duration=4.0, transition=20)"> <meta HTTP-EQUIV="Page-Exit" CONTENT="revealtrans(duration=4.0, transition=20)">

Effect "Random bars horizontal"    Test it here
Configuration: Open your web page. Paste the following code between the <head> and </head> tags of your web page (below the title-tags):
<meta HTTP-EQUIV="Page-Enter" CONTENT="revealtrans(duration=4.0, transition=21)"> <meta HTTP-EQUIV="Page-Exit" CONTENT="revealtrans(duration=4.0, transition=21)">

Effect "Random bars vertical"    Test it here
Configuration: Open your web page. Paste the following code between the <head> and </head> tags of your web page (below the title-tags):
<meta HTTP-EQUIV="Page-Enter" CONTENT="revealtrans(duration=4.0, transition=22)"> <meta HTTP-EQUIV="Page-Exit" CONTENT="revealtrans(duration=4.0, transition=22)">

Effect "Random all transition effects"    Test it here
Configuration: Open your web page. Paste the following code between the <head> and </head> tags of your web page (below the title-tags):
<meta HTTP-EQUIV="Page-Enter" CONTENT="revealtrans(duration=4.0, transition=23)"> <meta HTTP-EQUIV="Page-Exit" CONTENT="revealtrans(duration=4.0, transition=23)">

More free scripts? It's time to click here and download 500 copy-and-paste scripts!