Ruchome menu.
<STYLE type=text/css>A:link {
	FONT-WEIGHT: bold; FONT-SIZE: 16pt; COLOR: #ffffff; FONT-FAMILY: Arial
}
A:active {
	FONT-WEIGHT: bold; FONT-SIZE: 16pt; COLOR: #ffffff; FONT-FAMILY: Arial
}
A:visited {
	FONT-WEIGHT: bold; FONT-SIZE: 16pt; COLOR: #ffffff; FONT-FAMILY: Arial
}
A:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 16pt; COLOR: #885A2E; FONT-FAMILY: Arial
}
P {
	FONT-SIZE: 12pt; COLOR: #000000; FONT-FAMILY: Arial
}
</STYLE>
<SCRIPT language=JavaScript type=text/javascript>
function sprawdz() {
this.wersja=navigator.appVersion;
this.element=document.getElementById?1:0; 
this.ie5=(this.wersja.indexOf("MSIE 5")>-1 && this.element)?1:0;
this.ie4=(document.all && !this.element)?1:0;
this.ne5=(this.element && parseInt(this.wersja)>=5)?1:0;
this.ne4=(document.layers && !this.element)?1:0;
this.przegladarka=(this.ie5 || this.ie4 || this.ne5 || this.ne4);
return this;
}
maszyna=new sprawdz();

function ustal_parametry(warstwa) {
if(maszyna.ie5 || maszyna.ne5) { 
wspX=document.getElementById(warstwa).offsetLeft;
wspY=document.getElementById(warstwa).offsetTop;
szer=document.getElementById(warstwa).offsetWidth;
}
if(maszyna.ie4) {
wspX=document.all[warstwa].offsetLeft;
wspY=document.all[warstwa].offsetTop;
szer=document.all[warstwa].offsetWidth;
}
if(maszyna.ne4) {
wspX=eval('document.'+warstwa).left;
wspY=eval('document.'+warstwa).top;
szer=eval('document.'+warstwa).document.width;
}
this.y=wspY;
this.szerokosc=szer;
return this;
}

function pilnuj_polozenia() {
if(maszyna.ie5 || maszyna.ne5) document.getElementById('warstwa1').style.top=mojawarstwa.y+document.body.scrollTop;
if(maszyna.ie4) document.all['warstwa1'].style.top=mojawarstwa.y+document.body.scrollTop;
if(maszyna.ne4) {eval('document.warstwa1').top=mojawarstwa.y+window.pageYOffset;
setTimeout("pilnuj_polozenia()",10);}
}
function inicjacja() {
mojawarstwa=new ustal_parametry('warstwa1');
pilnuj_polozenia('warstwa1');
window.onscroll=pilnuj_polozenia;
setTimeout("pokaz_ukryj()",1000);
}
var pomoc=1;ile=1;
function pokaz_ukryj() {
pomoc=-pomoc;
wykonaj();
}
ile=0;
function wykonaj() {
if(pomoc==-1) { //ukryj menu
ile-=10;
if(ile>=-mojawarstwa.szerokosc+80) setTimeout("wykonaj()",10);else return;
}
if(pomoc==1) { //pokaż menu
ile+=10;
if(ile<=0) setTimeout("wykonaj()",10);else return;
}

if(maszyna.ie5 || maszyna.ne5) document.getElementById('warstwa1').style.left=ile;
if(maszyna.ie4) document.all['warstwa1'].style.left=ile;
if(maszyna.ne4) eval('document.warstwa1').left=ile;
}
function zmiana(liczba) {
if (liczba==1) {
if(maszyna.ie5 || maszyna.ne5) document.getElementById('warstwa1').style.visibility='hidden';
if(maszyna.ie4) document.all['warstwa1'].style.visibility='hidden';
if(maszyna.ne4) eval('document.warstwa1').visibility='hide';
} else {
if(maszyna.ie5 || maszyna.ne5) document.getElementById('warstwa1').style.visibility='visible';
if(maszyna.ie4) document.all['warstwa1'].style.visibility='visible';
if(maszyna.ne4) eval('document.warstwa1').visibility='show';
}
}
</SCRIPT>

<META content="MSHTML 5.50.4134.600" name=GENERATOR></HEAD>
<BODY bgColor=#ffffff onload=inicjacja()>
<DIV id=warstwa1 
style="LEFT: 0px; WIDTH: 340px; POSITION: absolute; TOP: 150px">
<TABLE borderColor=#c0c0c0 cellSpacing=0 cellPadding=10 bgColor=#C0A68C
border=2>
  <TBODY>
  <TR>
    <TD vAlign=top borderColor=#9B5643><A 
      href="javascript:void(null);"><NOBR>Tutaj możesz umie¶cić 
      linki</NOBR></A><BR><A href="javascript:void(null)"><NOBR>Link 
      pierwszy</NOBR></A><BR><A href="javascript:void(null)"><NOBR>Link 
      drugi</NOBR></A><BR><A href="javascript:void(null)"><NOBR>Link 
      trzeci</NOBR></A><BR><A href="javascript:void(null)"><NOBR>Link 
      czwarty</NOBR></A></TD>
    <TD vAlign=center><A onclick=pokaz_ukryj();return; 
      href="javascript:void(null)">MENU</A></TD></TR></TBODY></TABLE></DIV>
<FORM>
<P><INPUT onclick=zmiana(1) type=button value="Schowaj menu"><INPUT onclick=zmiana(2) type=button value="Pokaż menu">
</P></FORM>
Zobacz