Bottom Menu

HTML-Einbindung
<!-- Script-Anfang --> <!-- www-java24.net - DIE Javascript - Ressource --> <!-- Diesen Code musst Du in den -head- einbauen --> <script language="JavaScript" type="text/javascript"> <!-- // - Bottom Menu Scroller - Cross-Browser 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; } }// - Bottom Menu JavaScript Created By Richard Hucko, Kaneohe Hawaii - www.DynamicHTML.tk, Google Keywords: DynamicScripts, Richard Hucko, RHUCKO1, Splash Intro Pages //////////////////////////////////////////////////////////////////////////////////////// obj.scroller=function() {// - JavaScript Created By rhucko1 - www.Geocities.com/rhucko1 obj.smenu.style.top=(navigator.appName=="Netscape")?window.pageYOffset+obj.HT:document.getElementsByTagName('body').item(0).scrollTop+obj.HT; setTimeout("obj.scroller();",obj.T); } // - For More of Richard Hucko's JavaScripts Check Out: www.DynamicScripts.tk , http://webdeveloper.earthweb.com, http://freescriptdirectory.com, or Search Google.com (Keywords: Richard Hucko, DynamicScripts, RHUCKO1, Splash Intro Page) //////////////////////////////////////////////////////////////////////////////////////// window.onload=main; function main() {// - By RHUCKO1 with(obj) { obj();// - Dynamic Scripts, DHTML, JavaScripts, Menus, Scrollers, Tutorials, Forums, Splash intro Pages, FREE - www.DynamicScripts.tk scroller(); } }// - DynamicScripts.da.ru //--> </script> <style type="text/css"> <!-- body{ background-color:#000; } body span#control a { color:#00ff00; } body span#smenu { position:absolute; left:0; width:670px; height:20px; background-color:black; color:#fff; border:5px groove gray; } body span#smenu a { color:#00ff00; } body span#smenu a:hover { background-color:darkblue; } body span#smenu a:visited { color:#00ff00; } body span#smenu b.Mock-Divider { visibility:hidden; } --> </style> <!-- Diesen Code musst Du in den -body- einbauen --> <!-- Controls --> <span id="control"> <a href="#" onclick="obj.smenu.style.display='none'">Menü verstecken</a> <div style="color:#00ff00;z-index:1;position:relative;display:none;border:0;">Dynamic Script Created By Richard Hucko Kaneohe, awaii 2004 for more of Richard's Scripts Check Out www.DynamicScripts.tk Home of Quality JavaScript and DHTML Effects - Splash Intro Screens, Dynamic Scripts, JScripts, FREE, Menus, Scrollers, Scripting, Tutorials, Forums and More - www.DynamicHTML.tk</div> <a href="#" onclick="obj.smenu.style.display='block'">Menü anzeigen</a> </span> <!-- End Controls --> <!-- Menu --> <span id="smenu"> <font face="Verdana"> <a href="http://www.java24.net"><font size="1">Home</font></a><font size="1"> <a href="http://www.java24.net">Home</a> <a href="http://www.java24.net">Home</a> <a href="http://www.java24.net">Home</a> <a href="http://www.java24.net">Home</a> <a href="http://www.java24.net">Home</a> <a href="http://www.java24.net">Home</a> <a href="http://www.java24.net">Home</a> <a href="http://www.java24.net">Home</a> </font> <a href="#" onclick="obj.smenu.style.display='none'" style="color:white; font-weight:700"> x</a></font> </span> <!-- End Menu --> <!-- Script-Ende --> <!-- www-java24.net - DIE Javascript - Ressource -->