<div align="center"><font color="#ff4500" size="5">Reload Page -- Webtv Glitch</font></div>
Transitions and Moving Backgrounds

These transitions and moving backgrounds can only be seen by webtv users; the effects cannot be seen by computer viewers of your webpages. Add transition="name of effect" to your webpage body tag, such as:

<body text="color" bgcolor="color" link="color" vlink="color" background="http://url%20of%20image/" transition="wipeup"><center> <script language="javascript" type="text/javascript" src="//ad.broadcaststation.net/ads/show_ad.php?width=728&height=90"></script> </center> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-4KX380T5BD"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-4KX380T5BD'); </script> <!-- END GOOGLE --> <geoads></geoads>
Most of the transitions are:
wipeup

wipedown

wipeleft

wiperight

slideup

slidedown

spinoutin

slideleft

slideright

wipelefttop

wiperighttop

wipeleftbottom

wiperightbottom



It also works for a clickable link:
<a href="http://url/" transition="wipelefttop"> go to wherever</a>
go to wherever




Moving Backgrounds

These moving backgrounds can only be seen by webtv users; the effects cannot be seen by computer viewers of your webpages, unless they download the� WebTV� Viewer. When the codes below are used, all other animated images will cease their movement on your webpage.

For a moving background on a webpage, add xspeed or yspeed (or both) into the body tag:

<body text="color" bgcolor="color" link="color" vlink="color" background="http://url%20of%20image/" xspeed="#" yspeed="#"><center> <script language="javascript" type="text/javascript" src="//ad.broadcaststation.net/ads/show_ad.php?width=728&height=90"></script> </center> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-4KX380T5BD"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-4KX380T5BD'); </script> <!-- END GOOGLE --> <geoads></geoads>

Positive and negative numbers can be used for differing effects:

  1. xspeed="positive number" for� right horizontal movement,

  2. xspeed="negative number" for� left horizontal movement,

  3. yspeed="positive number" for� downward vertical movement,

  4. yspeed="negative number" for� upward vertical movement,

  5. or use both for various types of diagonal movement:


The body tag code for diagonal movement will look similar to this:

<body text="color" bgcolor="color" link="color" vlink="color" background="http://url%20of%20image/" xspeed="+2" yspeed="-2"><center> <script language="javascript" type="text/javascript" src="//ad.broadcaststation.net/ads/show_ad.php?width=728&height=90"></script> </center> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-4KX380T5BD"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-4KX380T5BD'); </script> <!-- END GOOGLE --> <geoads></geoads>



And you can also use a transition attribute along with the xspeed and yspeed attributes in the body tag:

<body text="color" bgcolor="color" link="color" vlink="color" background="http://url%20of%20image/" xspeed="+3" yspeed="-3" transition="wipelefttop"><center> <script language="javascript" type="text/javascript" src="//ad.broadcaststation.net/ads/show_ad.php?width=728&height=90"></script> </center> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-4KX380T5BD"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-4KX380T5BD'); </script> <!-- END GOOGLE --> <geoads></geoads>
All three demo


NOTE: 'puters can see animated backgrounds when animated gifs are coded into the body tag, such as:<body background="http://us.geocities.com/willxwill/transitions/url%20of%20animated%20gif" text="color" link="color" vlink="color" alink="color" bgcolor="color"><center> <script language="javascript" type="text/javascript" src="//ad.broadcaststation.net/ads/show_ad.php?width=728&height=90"></script> </center> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-4KX380T5BD"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-4KX380T5BD'); </script> <!-- END GOOGLE --> <geoads></geoads> but Webtv users cannot see this type of moving background.




Top of page



Return to Webtv PageBuilder help

Hosted by www.Geocities.ws

1