Dit is een leuk script om je eigen navigatiebalk mee te maken.
Plaats dit gedeelte in de <HEAD> tags <style> body{ overflow-x:hidden; overflow-y:scroll; } </style>
Plaats dit gedeelte tussen de BODY tags, wel even je eigen urls aanpassen natuurlijk. <script language="JavaScript1.2"> //configure path for left and right arrows var goleftimage='<- ' var gorightimage=' ->' //configure menu width var menuwidth=300 //configure scroll speed (1-10), where larger is faster var scrollspeed=6 //specify menu content var menucontents='<nobr><a href="http://www.messageboard.nl/forums/alpha/338/">Forum</a> | <a href="http://www.con-nect.nl">Con-nect</a> | <a href="http://www.anouksweb.nl">Anouks Web</a> | <a href="http://www.anouksdesign.nl">Anouks Design</a> | <a href="http://www.startpagina.nl">Startpagina</a></nobr>' ////NO NEED TO EDIT BELOW THIS LINE//////////// var actualwidth='' var ns_scroll function fillup(){ if (document.all){ test2.innerHTML=menucontents actualwidth=test2.offsetWidth } else if (document.layers){ ns_scroll=document.ns_scrollmenu.document.ns_scrollmenu2 ns_scroll.document.write(menucontents) ns_scroll.document.close() actualwidth=ns_scroll.document.width } } window.onload=fillup function moveleft(){ if (document.all&&test2.style.pixelLeft>(menuwidth-actualwidth)) test2.style.pixelLeft-=scrollspeed else if (document.layers&&ns_scroll.left>(menuwidth-actualwidth)) ns_scroll.left-=scrollspeed lefttime=setTimeout("moveleft()",50) } function moveright(){ if (document.all&&test2.style.pixelLeft<0) test2.style.pixelLeft+=scrollspeed else if (document.layers&&ns_scroll.left<0) ns_scroll.left+=scrollspeed righttime=setTimeout("moveright()",50) } if (document.all||document.layers){ with (document){ write('<table border="0" cellspacing="0" cellpadding="0">') write('<td valign="middle"><a href=#" onMouseover="moveleft()" onMouseout="clearTimeout(lefttime)"><b><- </b></a> </td>') write('<td valign="top">') if (document.all){ write('<span style="position:relative;width:'+menuwidth+';">') write('<span style="position:absolute;width:'+menuwidth+';clip:rect(0 '+menuwidth+' auto 0)">') write('<span id="test2" style="position:absolute;left:0;top:0">') write('</span></span></span>') } else if (document.layers){ write('<ilayer width='+menuwidth+' name="ns_scrollmenu">') write('<layer name="ns_scrollmenu2" left=0 top=0></layer></ilayer>') } write('</td>') write('<td valign="middle"> <a href="#" onMouseover="moveright()" onMouseout="clearTimeout(righttime)">') write('<b> -></b></a>') write('</td></table>') } } </script> <!-- END -->