<- <- Tillbaka!
Tiger

Ser du Tigern? Den hänger med när du scrollar på sidan.
Det är en förenklad variant av den som finns bl.a på Geocities.
Det är en kille som heter Bengt som gjort den och vill du besöka
hans sida har han adressen http://sm7jqb.se.

Först ska ett script in inom head-taggarna.
<SCRIPT TYPE="text/javascript" LANGUAGE="JavaScript">
<!--
function logo()
{
if (document.layers)
{
document.logga.top = 20 + this.pageYOffset;
}
else
if (document.all)
{
logga.style.top = 20 + document.body.scrollTop;
}
if ( (document.layers) || (document.all) ) { setTimeout ('logo()', 100);
}
}
//-->
</SCRIPT>

Sedan kodar du in en div-tagg och placerar bilden som ska rulla
med när du scrollar sidan.
Den kan du lägga direkt under body-taggen i ditt dokument.

<DIV ID="logga" STYLE="position: absolute; left: 450; top: 20; z-index: 1; visibility: visible">
 <img src="bild.gif" width=50 height=50 alt="Tiger" border=0>
</DIV>

Jag har markerat med rött det du kan ändra på.
Sedan sist men inte minst. För att detta ska funka
MÅSTE du lägga in en liten sträng i din body-tagg.
<BODY OnLoad="logo();">
Givetvis kan du som vanligt lägga in resten av attributen
i body som styr bakgrundsbild och länkar.
För dig som är lite mer avancerad så visst går det att
länka bilden som vanligt och lägga in onMouseOver osv.

Här nedan har jag lagt in lite *tom luft* :), bara
för att du ska få anledning att scrolla. 






























<- <- Tillbaka!