|
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 --> |