Bu menüdeki hide butonuna tıklamanız yeter menünüz saklanıyor
<script language="JavaScript" type="text/javascript"> <!-- var obj=new Object(); obj={ T:300, smenu:"", HT:"", HeightOfMenu:30, 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{ background-color:#FFFFFF; } body span#control a { color:#0000CC; } body span#smenu { position:; left:30; width:; height:20px; background-color:#FFFFFF; color:#0000CC; border:gray groove 1; } body span#smenu a { color:#000000; } body span#smenu a:hover { background-color:lightblue; } body span#smenu a:visited { color:#FF0000; } body span#smenu b.Mock-Divider { visibility:hidden; color:#FF0000; } --> </style> <!-- menu --> <center> <span id="control"><a href="#" _fcksavedurl="#" onclick="obj.smenu.style.display='none'">Hide Menu</a></span> <span id="control"><div style="color:#00ff00;z-index:1;position:relative;display:none;border:0;"></div> <a href="#" _fcksavedurl="#" onclick="obj.smenu.style.display='block'">Show Menu</a> </span> <!--einde Menu --> <span id="smenu"> <b class="Mock-Divider">-</b> <a href="http://www.leejoo.nl" _fcksavedurl="http://www.leejoo.nl" target=_blank">Link 1</a> <b class="Mock-Divider">-</b> <a href="http://www.leejoo.nl" _fcksavedurl="http://www.leejoo.nl" target=_blank">Link 2</a> <b class="Mock-Divider">-</b> <a href="http://www.leejoo.nl" _fcksavedurl="http://www.leejoo.nl" target=_blank">Link 3</a> <b class="Mock-Divider">-</b> <a href="http://www.leejoo.nl" _fcksavedurl="http://www.leejoo.nl" target=_blank">Link 4</a> <b class="Mock-Divider">-</b> <a href="http://www.leejoo.nl" _fcksavedurl="http://www.leejoo.nl" target=_blank">Link 5</a> <b class="Mock-Divider">-</b> <a href="http://www.leejoo.nl" _fcksavedurl="http://www.leejoo.nl" target=_blank">Link 6</a> <b class="Mock-Divider">-</b> <a href="#" _fcksavedurl="#" onclick="obj.smenu.style.display='none'" style="color:black">x</a> </span> <!-- End Menu -->
Web Tasarım