elcolo015
  Menu horizontal con desplazamiento Image Hosted by ImageShack.us
 
 Menu o enlaces , horizontal con desplazamiento a izquierda y derecha .




<!-- Mas trucos y scripts en http://www.creatupropiaweb.com --> <style> body{ overflow-x:hidden; overflow-y:scroll; } </style>




Copia y pega en el <head>








<script language="JavaScript1.2"> /* Scrollable Menu Links- By Dynamicdrive.com For full source, TOS, and 100s DTHML scripts Visit http://dynamicdrive.com Modificado por http://www.creatupropiaweb.com */ //configura aqui las imágenes var goleftimage='izquierda.gif' var gorightimage='derecha.gif' //configura la anchura del menú var menuwidth=300 //configura la velocidad del scroll (1-10), cuanto mayor, mas rápido var scrollspeed=6 //specify menu content var menucontents='<nobr><a href="http://www.creatupropiaweb.com"><b>Creatupropiaweb</a> | <a href="http://www.google.com">Super buscador</a> | <a href="http://www.superpotencia.tk">El mundo de las 4 ruedas</a> | <a href="http:www.creatupropiaweb.com">Aumenta las visitas a tu web</b></a></nobr>' ////NO CAMBIES NADA A PARTIR DE AQUI//////////// 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)"><img src="'+goleftimage+'"border=0></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('<img src="'+gorightimage+'"border=0></a>') write('</td></table>') } } </script>



Copia y pega donde quieras el menu , guarda estas imagenes en el mismo directorio que el codigo y lugar donde lo utilices o utiliza las que tu quieras modificando el script . 





  
 
 
  Hoy habia 15 visitantes (30 clics a subpáginas) ¡Aqui en esta página!  
 
Este sitio web fue creado de forma gratuita con PaginaWebGratis.es. ¿Quieres también tu sitio web propio?
Registrarse gratis