Hide Menu   Show Menu



Put script og style mellom HEAD-taggene:

<script language="JavaScript" type="text/javascript">
<!--
var obj=new Object();
obj={
T:300, // - Timer
smenu:"",
HT:"",
HeightOfMenu:30, // - Approximate Height of Menu (body span#smenu)
obj:function()
{
this.smenu=document.getElementById('smenu');
this.HT=document.body.clientHeight-this.HeightOfMenu;
}
}
obj.scroller=function()
{
obj.smenu.style.top=(navigator.appName=="Netscape")?window.pageYOffset+obj.HT:document.getElementsByTagName('body').item(0).scrollTop+obj.HT; setTimeout("obj.scroller();",obj.T);
}
window.onload=main;
function main()
{
with(obj)
{
obj();
scroller();
}
}
//-->
</script>

<style type="text/css">
<!--
body span#smenu {
position:absolute; left:0; width:100%; height:20px; background-color:black; color:#fff; border:gray groove 2;
}
body span#smenu a {
color:#FFFFFF;
}
body span#smenu a:hover {
background-color:darkblue;
}
body span#smenu a:visited {
color:#DEDEDE;
}
body span#smenu b.Deling {
visibility:hidden;
}
-->
</style>


Kontroll til menyen setter du der du vil ha den:

<!-- Controls -->
<a href="#" onclick="obj.smenu.style.display='none'">Hide Menu</a>
<a href="#" onclick="obj.smenu.style.display='block'">Show Menu</a>
<!-- End Controls -->


Menyen går sånn::

<!-- Menu -->
<span id="smenu">
<b class="Deling">__</b>
<a href="http://infolinx-no.com/">Infolinx-no</a>
<b class="Deling">__</b>
<a href="http://winfolinx.com/">Winfolinx</a>
<b class="Deling">__</b>
<a href="http://infolinx-no.com/web">For webmasteren</a>
<b class="Deling">__</b>
<a href="http://infolinx-no.com/ssi/artikleregne/css/cssindex.php" target="_blank">Lær om CSS</a>
<b class="Deling">__</b>
<a href="http://infolinx-no.com/ssi/webindx.shtml" target="_blank">Web og Internett</a>
<b class="Deling">..</b>
<a href="#" onclick="obj.smenu.style.display='none'" style="color:white">Fjern meny</a>
</span>
<!-- End Menu -->


__ Infolinx-no __ Winfolinx __ For webmasteren __ Lær om CSS __ Web og Internett ................ Fjern meny