Recursos Gratis Webmasters. Codigos Javascript, Applets Java, Tutoriales Para Webmasters

Links Javascripts

MENÚ CON DIRECTORIOS DESPLEGABLES

En este ejemplo
TODOS LOS ENLACES ESTAN DESACTIVADOS

PULSA EN DONDE PONE -RECURSOS GRATIS-

RECURSOS GRATIS

Código fuente ( Haz Click en la ventana para Seleccionarlo Todo ):

Coloca este código dentro de las etiquetas [head] y [/head]

var head="display:''"
img1=new Image()
img1.src="fold.gif"
img2=new Image()
img2.src="open.gif"

function change(){
   if(!document.all)
      return
   if (event.srcElement.id=="foldheader") {
      var srcIndex = event.srcElement.sourceIndex
      var nested = document.all[srcIndex+1]
      if (nested.style.display=="none") {
         nested.style.display=''
         event.srcElement.style.listStyleImage="url(open.gif)"
      }
      else {
         nested.style.display="none"
         event.srcElement.style.listStyleImage="url(fold.gif)"
      }
   }
}

document.onclick=change

//-->
</script>

Coloca este código entre las etiquetas [body] y [/body]

<ul>

<li id="foldheader">Recursos Gratis</li>
 <ul id="foldinglist" style="display:none" style=&{head};>
 <li><a href="http://www.XXXXXXXXXXXXXX.htm">Página principal de LosRecursosGratis.com</a></li>
 <li id="foldheader">Publicidad</li>
 <ul id="foldinglist" style="display:none" style=&{head};>
 <li><a href="http://www.XXXXXXXXXX.html">Página principal de Publicidad</a></li>
 <li><a href="http://www.XXXXXXXXXX.html">Pagos por clics</a></li>
 <li><a href="http://www.XXXXXXXXXX.html">Pagos por inscripción</a></li>
 <li><a href="http://www.XXXXXXXXXX.html">Pagos por comisiones</a></li>
 <li><a href="http://www.XXXXXXXXXX.html">Cobrar por recibir e-mails</a></li>
 <li><a href="http://www.XXXXXXXXXX.html">Cobrar por navegar</a></li>
 <li><a href="http://www.XXXXXXXXXX.html">Cobrar por otros</a></li>
 </ul>
 <li id="foldheader">Promoción de páginas</li>
 <ul id="foldinglist" style="display:none" style=&{head};>
 <li><a href="http://www.XXXXXXXXXX.html">Página principal de Promoción</a></li>
 <li><a href="http://www.XXXXXXXXXX.html">Intercambio de banners</a></li>
 <li><a href="http://www.XXXXXXXXXX.html">Ranking y TopSites</a></li>
 <li><a href="http://www.XXXXXXXXXX.html">Premios y galardones</a></li>
 <li><a href="http://www.XXXXXXXXXX.html">Recomendar páginas a amigos</a></li>
 <li><a href="http://www.XXXXXXXXXX.html">Altas manuales en buscadores gratis</a></li>
 <li><a href="http://www.XXXXXXXXXX.html">Altas automáticas en buscadores gratis</a></li>
 </ul>
 <li id="foldheader">Servicios para tu web</li>
 <ul id="foldinglist" style="display:none" style=&{head};>
 <li><a href="http://www.XXXXXXXXXXX.html">Página principal de Servicios para tu web</a></li>
 <li><a href="http://www.XXXXXXXXXXX.html">Espacio Web o alojamiento gratuitos</a></li>
 <li><a href="http://www.XXXXXXXXXXX.html">Subdominios y redirecciones
 gratis</a> </li>
 <li><a href="http://www.XXXXXXXXXXX.html">Dominios</a></li>
 <li><a href="http://www.XXXXXXXXXXX.html">Música</a></li>
 <li><a href="http://www.XXXXXXXXXXX.html">Fuentes gratis</a></li>
 <li><a href="http://www.XXXXXXXXXXX.html">Contadores con estadísticas
 gratis</a></li>
 </ul>
 <li id="foldheader">Servicios para tus visitantes</li>
 <ul id="foldinglist" style="display:none" style=&{head};>
 <li><a href="http://www.XXXXXXXXXXXX.html">Página principal de Servicios
 para visitantes</a></li>
 <li><a href="HTTP://WWW.XXXXXXXXXX.html">Encuestas</a></li>
 <li><a href="http://www.XXXXXXXX.html">Envió de mensajes a móviles
 gratis</a></li>
 <li><a href="http://www.XXXXXXXXX.html">Correo web que ofrecer a los
 visitantes gratis</a></li>
 <li><a href="http://www.XXXXXXXXXX.html">Envío de postales gratis</a></li>
 <li><a href="http://www.XXXXXXXXXXX.Html">Tiempo atmosférico</a></li>
 <li><a href="http://www.XXXXXXXXX.html">Servicio de noticias de actualidad gratuito</a></li>
 <li><a href="http://www.XXXXXXXXX.html">Crear chat propio</a></li>
 <li><a href="http://www.XXXXXXXXXXXX.html">Página de chat</a></li>
 <li><a href="http://www.XXXXXXXXXXXX.html">Página de buscadores</a></li>
 </ul>
 <li id="foldheader">Zona de descargas</li>
 <ul id="foldinglist" style="display:none" style=&{head};>
 <li><a href="http://www.XXXXXXXX.html">Página principal de servicios
 de descargas</a></li>
 <li><a href="http://www.XXXXXXXXXXXXXXXXXXX.html">Programas
 varios para el ocio de cualquiera</a></li>
 <li><a href="http://www.XXXXXXXXXXXXXXXXX.html">Programas
 para moverse por Internet</a></li>
 <li><a href="http://www.XXXXXXXXXX.html">Programas
 para programar</a></li>
 <li><a href="http://www.XXXXXXXXXXXXXXXX.html">Programas
 de tratamiento gráfico</a></li>
 <li><a href="http://www.XXXXXXXXXXXXXXXXXX.html">Programas
 de gran utilidad para los webmasters y usuarios en general</a></li>
 <li><a href="http://www.XXXXXXXXXXXXX.html">Programas
 de música (mp3, midi, wav...)</a></li>
 <li><a href="http://www.XXXXXXXXXXXXXX.html">Programas
 para la promoción de páginas</a></li>
 </ul>

<li id="foldheader">Trucos y códigos JavaScript</li>
 <ul id="foldinglist" style="display:none" style=&{head};>
 <li><a href="javascript/java.html">Página principal de Códigos
 y Trucos Javascript</a></li>
 <li id="foldheader">Códigos relacionados con el tiempo</li>
 <ul id="foldinglist" type="disc">
 <li><a href="http://www.XXXXXXXX.html">Página principal de tiempo</a></li>
 <li><a href="http://www.XXXXXXXX.htm">Reloj analógico por la pantalla</a></li>
 <li><a href="http://www.XXXXXXXX.htm">Cuenta progresiva de tiempo</a></li>
 <li><a href="http://www.XXXXXXXXX.htm">Insertar fecha</a></li>
 <li><a href="http://www.XXXXXXXXXX.htm">Cuenta atrás para cerrar una
 ventana</a></li>
 <li><a href="http://www.XXXXXXXXXX.htm">Reloj digital</a></li>
 <li><a href="http://www.XXXXXXXXXXX.htm">Reloj Digital en la esquina superior</a></li>
 <li><a href="http://www.XXXXXXXXXXX.htm">Averiguar con una fecha que día
 de la semana fue </a></li>
 </ul>
 <li id="foldheader">Códigos referidos a menús</li>
 <ul id="foldinglist" type="disc">
 <li><a href="http://www.XXXXXXXXXX.html">Página principal de menús</a></li>
 <li><a href="http://www.XXXXXXXXX.htm">Menú con desplazamiento desde
 la izda de la pantalla</a></li>
 <li><a href="http://www.XXXXXXXXX.htm">Menú-Barra con desplazamiento desde la izda de la pantalla</a></li>
 </ul>
 <li id="foldheader">Códigos para efectos con el ratón y el puntero</li>
 <ul id="foldinglist" type="disc">
 <li><a href="http://www.XXXXXXXXXXXXX.html">Página principal de ratón y punteros</a></li>
 <li type="disc"><a href="http://www.XXXXXXXXX.htm">Estrella persiguiendo al puntero</a></li>
 <li><a href="http://www.XXXXXXXXXXX.htm">Anular el botón de la derecha</a></li>
 <li><a href="http://www.XXXXXXXXXXX.htm">Anular el botón de la izquierda</a></li>
 <li><a href="http://www.XXXXXXXXXXX.htm">Anular ambos botones</a></li>
 </ul>
 <li id="foldheader">Códigos relacionados con imágenes</li>
 <ul id="foldinglist" type="disc">
 <li><a href="http://www.XXXXXXXXXXXX.html">Página principal de imágenes</a></li>
 <li><a href="http://www.XXXXXXXXXXXXX.htm">Cambiar banners y link automáticamente
 cada ciertos segundos</a></li>
 <li><a href="http://www.XXXXXXXXXXX.htm">Cambiar banners y link automáticamente
 cada ciertos segundos (II)</a></li>
 <li><a href="http://www.XXXXXXXXXXXXXXXX.htm">Cambiar banners y link automáticamente
 cada ciertos segundos (III)</a></li>
 <li><a href="http://www.XXXXXXXXXXXXXX.htm">Muestra
 barra de cargando... mientras se cargan las imágenes de la página
 que mostramos</a></li>
 <li><a href="http://www.XXXXXXXXXXXXX.htm'">Imagenes con
 texto y links aleatorias al entrar en una página</a></li>
 </ul>

<li id="foldheader">Códigos relacionados con las barras del navegador</li>
 <ul id="foldinglist" type="disc">
 <li><a href="http://www.XXXXXXXXXXXXXXX.html">Página principal de barras</a></li>
 <li><a href="http://www.XXXXXXXXXXXX.htm">Cambiar el color a la barra de
 desplazamiento</a></li>
 <li><a href="http://www.XXXXXXXXXXXXXXXXX.htm">Aparece texto en la barra de
 estado (tipo marquesina)</a></li>
 <li><a href="http://www.XXXXXXXXXXXXXXX.htm">Aparece texto en la barra de
 estado (tipo ventisca)</a></li>
 </ul>
 
 <li id="foldheader">Códigos relacionados con los textos</li>
 <ul id="foldinglist" type="disc">
 <li><a href="http://www.XXXXXXXXXXXXXXX.html">Página principal de textos</a></li>
 <li><a href="http://www.XXXXXXXXXXXXXXXXXX.htm">Listado de enlaces cambiando
 e color del resalte</a></li>
 </ul>
 
 <li id="foldheader">Códigos relacionados con enlaces</li>
 <ul id="foldinglist" type="disc">
 <li><a href="http://www.XXXXXXXXXXXXXXXXXX.html">Página principal de links</a></li>
 <li><a href="http://www.XXXXXXXXXXXXXXXXXXX.htm">Quitar la línea inferior de
 los hipervínculos</a></li>
 <li><a href="http://www.XXXXXXXXXXXXXXXXXXXXXXX.htm">Combobox para seleccionar links
 y este se abre en una nueva ventana</a></li>
 </ul>
 
 <li id="foldheader">Otros códigos</li>
 <ul id="foldinglist" style="display:none" style=&{head};>
 <li type="disc"><a href="http://www.XXXXXXXXXXXXXXXXXX.html">Página principal
 de otros</a></li>
 </ul>

<ul id="foldinglist" type="disc">
 <li type="disc"><a href="http://www.XXXXXXXXXXXXXXX.htm">Abrir una ventana
 dimensionada a la vez que otra</a></li>
 <li><a href="http://www.XXXXXXXXXXXXXXXXX.htm">Buscadores múltiples</a></li>
 <li><a href="http://www.XXXXXXXXXXXX.htm">Buscadores múltipes
 (II)</a></li>
 <li><a href="http://www.XXXXXXXXXXXXXXXXX.htm">Apertura de una
 ventana de una forma original</a></li>
 <li><a href="http://www.XXXXXXXXXXXXXXXX.htm">Broma de virus</a></li>
 </ul>

</ul>
 
 
 </ul>
</ul>

Todo Para Los Webmasters - Javascripts, Tutoriales, Trucos, Juegos, y Mas...

La mejor colección de trucos de Javascript, botones, banners y mas

Links Javascripts