WebTechnologie - ukázkové skripty PHP, XHTML, JavaScript, CSS... (c) Scorpions.cz

HOME SKRIPTY

Menu-pohybující se (vždy viditelné)
Normální položka
Zobrazeno: 7086

Popis: Menu, které se bude stále bude posouvat s obrazovkou.
Funkčnost: IE 5.5 a vyššie
Hodnocení: ****

Následující kód si vložte mezi tagy <HEAD> a </HEAD>. 

<SCRIPT LANGUAGE="JavaScript">

<!-- Begin
function setVariables() {
if (navigator.appName == "Netscape") {
v=".top=";
dS="document.";
sD="";
y="window.pageYOffset";
}
else {
v=".pixelTop=";
dS="";
sD=".style";
y="document.body.scrollTop";
   }
}
function checkLocation() {
object="object1";
yy=eval(y);
eval(dS+object+sD+v+yy);
setTimeout("checkLocation()",10);
}
//  End -->
</script>

Následující kód si vložte dovnitř tagu <BODY>. 

OnLoad="setVariables();checkLocation()"


Následující kód si vložte mezi tagy <BODY> a </BODY>. 

<div id="object1" style="position:absolute; visibility:show; left:0px; top:0px; z-index:2">

<table width=160 border=0 cellspacing=20 cellpadding=0>
<tr>
<td width="118"><CENTER>Menu Bar</CENTER></td>
</tr>
<tr>
<td width="118"><a href="http://www.cheater.cz/">Uvodni Stranka</a></td>
</tr>
<tr>
<td width="118"><a href="../new.html" >What's New?</a></td>
</tr>
<tr>
<td width="118"><a href="../forum/" >JavaScript Forum</a></td>
</tr>
<tr>
<td width="118"><a href="../feedback.html" >Site Feedback</a></td>
</tr>
</table>
</div>