Meta Tags-Site-Enter
Example: 
 
Recommendation:
 
Complete Syntax: 
 
Length:  Minimum     n/a                     Maximum     n/a                                     Recommended    n/a
Usage:
 
Description:
 
Comments:
 
Examples:
 
Google-Comments:
Yahoo-Comments:
MSN-Comments:
AOL-Comments:
Ask Jeeves-Comments:
AltaVista-Comments:
Excite-Comments:
HotBot-Comments:
Itomi-Comments:
InfoSeek-Comments:
Lycos-Comments:
NorthernLight-Comments:
 
USA  Usage/Comments:
UK    Usage/Comments:
CDN Usage/Comments:
DCMI Usage/Comments:
Other International/Comments:
 
Commerical Usage/Comments:
Governmental Usage/Comments:
Education Usage/Comments:
Non-profit Usage/Comments:
 
HTML 1.0
HTML 2.0
HTML 3.2
HTML 4.0
XHTML
DHTML
eGMS
PICS
DCMI
W3C
 
 
 
 
From: Kristie
Date: 09/18/05 10:01:55
Subject:
 
 HTML tag reference guide - <META http-equiv site-enter>
<meta http-equiv="Site-Enter" content="transition"> ... <META HTTP-EQUIV="Site-Enter"
CONTENT="RevealTrans (Duration=4, Transition=23)"> ...
www.html-reference.com/META_httpequiv_siteenter.htm - 7k - Cached - Similar pages
 
 

<META http-equiv site-enter>

Description:

Specifies the transition effect that is to be performed when the site is loaded.

Attributes:

<meta http-equiv="Site-Enter" content="transition">
  Perform the specified transition for the indicated number of seconds.

Examples:

<META HTTP-EQUIV="Site-Enter" 
CONTENT="RevealTrans (Duration=4, Transition=23)">
 
 EBTX - Internet Explorer Enter-Exit Effects
<meta http-equiv="Site-Enter" content="blendTrans(Duration=1.0)"> <meta
http-equiv="Site-Exit" content="blendTrans(Duration=1.0)"> ...
www.ebtx.com/comp/webefx.htm - 9k - Cached - Similar pages
 
 

Internet Explorer has some built in special effects which you can use on your html pages and which do NOT cost anything in the way of bandwidth. They are effects already available in IE5 and earlier. Since most people have IE, you might as well put in a single line of code to "call" these effects and give your site a nifty look. But be careful you don't overdo it as many may try ;o)

To test what you can have, I've given this page an Enter and an Exit code for "random effect". This will cause the page to use any one of the other 24 effects at random. Just load and reload the page [as pointed out 3/9/05 by G.Cutter ... you have to go to another page then go back] to get an idea of what you can have on your page for the price of one or two lines of code, i.e. less than half a kilobyte.

With that in mind, here is the code ...

These first four effects are to gradually fade in and out, i.e. the page up fades out as the next page fades in simultaneously. I list four permutations to show the different code which is applicable to all the other effects listed. Just replace the "Enter" for "Exit", etc. Also, to change the length of time the effect takes, change the seconds from (Duration=1.0) to (Duration=4.5) so that instead of taking 1 second to complete, you now will take 4 and a half seconds, and so forth.

Warning: a long effect will frustrate the viewer. Keep it short so that it competes with the regular instantaneous transition (after the normal World Wide Wait that is).

I have an Enter and an Exit tag on my Table of Contents Pages only. To put them on all my pages would take just tooooooo much effort. But since most people go back and forth from the contents page, they may see an effect for every page anyway. See? Pretty easy stuff and sooooo cheap bandwidthwise.

The Site-Enter code apparently doesn't work for frames. Too bad.
Also, When there is an Enter-Exit conflict ... Enter takes precedence.

 

 

 

This is the fade in and out. It has no "transition number". Maybe it was the first effect made? Anyway, if not too long, it's very nice.
<meta http-equiv="Page-Enter" content="blendTrans(Duration=1.0)">
<meta http-equiv="Page-Exit" content="blendTrans(Duration=1.0)">
<meta http-equiv="Site-Enter" content="blendTrans(Duration=1.0)">
<meta http-equiv="Site-Exit" content="blendTrans(Duration=1.0)">

 

Box in ... Hmmmm
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=0)">
Box out
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=1)">
Circle in ... These are nice
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=2)">
Circle out
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=3)">
Wipe up ... Wipes are useful
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=4)">
Wipe down
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=5)">
Wipe right
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=6)">
Wipe left
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=7)">
Vertical blinds ... Don't think so
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=8)">
Horizpntal blinds
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=9)">
Checkerboard across ... No thanks
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=10)">
Checkerboard down
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=11)">
Random dissolve ... Can be elegant
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=12)">
Split vertical in ... This is also good
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=13)">
Split vertical out
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=14)">
Split horizontal in
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=15)">
Split horizontal out
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=16)">
Strips left down ... Not so hot ... I think this is the diagonal thingy.
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=17)">
Strips left up
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=18)">
Strips right down
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=19)">
Strips right up
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=20)">
Random bars horizpntal ... Sucks
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=21)">
Random bars vertical
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=22)">
Random ... Any one of the above at random
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=23)">
 
 Web Page Enter and Exit Meta-Transitions Chart -- Aim Higher ...
<meta http-equiv="Site-Enter" content="revealTrans(Duration=2.0,Transition=1)">.
Site Exit-Circle In (2 sec.) <meta http-equiv="Site-Exit" ...
www.aim-higher.net/meta-transitions.asp - 14k - Cached - Similar pages
 
 

Web Page Transitions Meta-Code Chart

This page was developed out of a need for a chart referencing page transition effects and the associated meta-code. There are 25 standard transition effects that can be applied on site enter, site exit, page enter, and page exit. If you find errors or additional non-proprietary code effects, please email me and I'll add to this table!

Page Enter-Blend (2 sec.) <meta http-equiv="Page-Enter" content="blendTrans(Duration=2.0)">
Page Exit-Box In (2 sec.) <meta http-equiv="Page-Exit" content="revealTrans(Duration=2.0,Transition=0)">
Site Enter-Box Out (2 sec.) <meta http-equiv="Site-Enter" content="revealTrans(Duration=2.0,Transition=1)">
Site Exit-Circle In (2 sec.) <meta http-equiv="Site-Exit" content="revealTrans(Duration=2.0,Transition=2)">
Circle Out <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=3)">
Wipe Up <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=4)">
Wipe Down <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=5)">
Wipe Right <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=6)">
Wipe Left <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=7)">
Vertical Blinds <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=8)">
Horizontal Blinds <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=9)">
Checkerboard Across <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=10)">
Checkerboard Down <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=11)">
Random Dissolve <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=12)">
Split Vertical In <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=13)">
Split Vertical Out <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=14)">
Split Horizontal In <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=15)">
Split Horizontal Out <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=16)">
Strips Right Down <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=17)">
Strips Right Up <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=18)">
Strips Left Down <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=19)">
Strips Left Up <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=20)">
Random Bars Horizontal <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=21)">
Random Bars Vertical <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=22)">
Random <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=23)">
 
 Google Answers: Problems with DOM image replacement / image cache ...
Pixelate(MaxSquare=15, Duration=1.0)" http-equiv="Site-Enter" /> <meta
content="progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=15, Duration=.5)" ...
answers.google.com/answers/threadview?id=564515 - 14k - Cached - Similar pages
 
 
------------------ index.php page for www.thesmartass.info ----------

<?php include("include/monstercookie.inc"); ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>
      The SmartAss DOT Info ~ 400+ Playable Nintendo Games, Streaming
TV & Radio + Much More! (THE Ultimate Internet START Page!)
    </title>

	<?php
        if (empty($page)) {
            $main = "content";
        }
    ?>
    <?php include("include/metatags.inc"); ?>
	<META HTTP-EQUIV="Expires" CONTENT="-1">
	<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
	<META HTTP-EQUIV="cache-Control" CONTENT="no-cache, no-store, must-revalidate">
    <meta content="progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=15,
Duration=1.0)" http-equiv="Site-Enter" />
    <meta content="progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=15,
Duration=.5)" http-equiv="Site-Exit" />
    <meta content="progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=15,
Duration=.5)" http-equiv="Page-Enter" />
    <meta content="progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=15,
Duration=1)" http-equiv="Site-Exit" />
	<link rel="alternate" type="application/atom+xml" title="Born
SmartAss" href="http://www.thesmartass.info/blog/atom.xml" />
	<link rel="service.post" type="application/atom+xml" title="Born
SmartAss" href="https://www.blogger.com/atom/6495229" />
	<link rel="EditURI" type="application/rsd+xml" title="RSD"
href="http://www.blogger.com/rsd.g?blogID=6495229" />
    <link rel="stylesheet" type="text/css" href="include/smartass5.css" />
    <link rel="SHORTCUT ICON" href="favicon.ico" />

    <style type="text/css">
    /*<![CDATA[*/
 .c2 {z-index: 3;}
 body { background-color: Black; overflow: hidden; }
 html { overflow: hidden; }
    /*]]>*/
        </style>
<script type="text/javascript">
function setBg()
{
var x=document.images
x[0].src="http://www.thesmartass.info/images/bg/random3.php?pic=random1&current_timestamp"
}
</script>
<script type="text/javascript">
function setArt()
{
var x=document.images
x[1].src="http://www.thesmartass.info/images/artwork/random.php?pic=random1&current_timestamp"
}
</script>
  </head>
  <body>
<div style="position: absolute; top: 1px; left: 1px; z-index: 150;">
<form>
<input type="button" onclick="setArt(); return true" alt="Click to
Change Artwork on the Fly" value="A">
</form>
</div>
<div style="position: absolute; bottom: 1px; left: 1px; z-index: 150;">
<form>
<input type="button" onclick="setBg(); return true" alt="Click to
Change Background on the Fly" value="B">
</form>
</div>
<!--
  The Smart Ass DOT Info - Created by James Lyngaas
-->
     <!-- Start Random-Cookie Background -->
    <div id="bgframe" class="bgcookie">
      <img alt="Background, Use Corner Buttons to Change!" src="<?php
echo getBG();?>" width="100%" height="100%" />
    </div>
    <!-- End Random-Cookie Background -->
    <!-- Start Get Artwork -->
    <div id="artframe" class="artworkcookie">
      <img alt="artwork" src="<?php echo getArt();?>" height="100%" />
    </div>
    <!-- End Get Artwork -->
    <table cellspacing="0" class="maxed" border="0">
      <tr>
        <td valign="top" class="maxed c2" align="center">
          <iframe allowtransparency="true" scrolling="no" width="100%"
height="100%" id="layoutframe" name="layoutframe" class="lframe"
src="layout.php" frameborder="0"></iframe>
		  <iframe allowtransparency="true" scrolling="no" width="100%"
height="100%" id="contentframe" name="contentframe" class="cframe"
src="<?php echo $main; ?>.php" frameborder="0"></iframe>
        </td>
      </tr>
    </table>
  </body>
</html>