Menus 2

"CODIGOS JAVASCRIPT"

MENUS 2

Menú Microsoft

Características:
- Soporta frames y links del tipo "url" y "javascript:"
- Se pueden agregar categorías y subcategorías
- Compatible con Internet Explorer y Netscape.
- 100% configurable: Colores, fuentes, ancho, etc.
- Fácil de configurar (explicaciones dentro del script traducidas al español)
- 2 archivos: 1 HTML y 1 JS - Tamaño final: 36 KB
- Creadores: Tim Scarfe (http://www.g6jdw.net), Pete Woods y Mike Hall
El único requisito para utilizar este JavaScript es nombrar a sus creadores (ver código fuente)

Puedes bajarlo haciendo clic aqui: Download JavaScript

Menú desplegable

Es muy parecido al otro,la diferencia es que estas ventanas son mas grandes.Tienes que hacer los tres siguientes pasos:

1ºPaso  <script language="JavaScript" src="navcond.html"> </script> <script language="JavaScript"> /* Top Navigational Bar II (By Mike Hall @ Brainjar.com) */ var myNavBar1 = new NavBar(0); var dhtmlMenu; //define menu items (first parameter of NavBarMenu specifies main category width, second specifies sub category width in pixels) //add more menus simply by adding more "blocks" of same code below dhtmlMenu = new NavBarMenu(100, 0); dhtmlMenu.addItem(new NavBarMenuItem("Inicio", "index-2.html")); myNavBar1.addMenu(dhtmlMenu); dhtmlMenu = new NavBarMenu(100, 120); dhtmlMenu.addItem(new NavBarMenuItem("Depósito", "")); dhtmlMenu.addItem(new NavBarMenuItem("Caducar página", "http://")); dhtmlMenu.addItem(new NavBarMenuItem("Pantalla completa", "http://")); dhtmlMenu.addItem(new NavBarMenuItem("Anular botones", "http://")); myNavBar1.addMenu(dhtmlMenu); dhtmlMenu = new NavBarMenu(110, 120); dhtmlMenu.addItem(new NavBarMenuItem("Tutoriales", "")); dhtmlMenu.addItem(new NavBarMenuItem("La Variable", "http://")); dhtmlMenu.addItem(new NavBarMenuItem("Programación", "http://")); dhtmlMenu.addItem(new NavBarMenuItem("ABC Datos", "http://")); dhtmlMenu.addItem(new NavBarMenuItem("Cybercursos", "http://")); myNavBar1.addMenu(dhtmlMenu); dhtmlMenu = new NavBarMenu(100, 150); dhtmlMenu.addItem(new NavBarMenuItem("Buscadores", "")); dhtmlMenu.addItem(new NavBarMenuItem("Yahoo", "http://")); dhtmlMenu.addItem(new NavBarMenuItem("Alta Vista", "http://")); dhtmlMenu.addItem(new NavBarMenuItem("Infoseek", "http://")); dhtmlMenu.addItem(new NavBarMenuItem("Excite", "http://")); dhtmlMenu.addItem(new NavBarMenuItem("HotBot", "http://")); myNavBar1.addMenu(dhtmlMenu); dhtmlMenu = new NavBarMenu(100, 150); dhtmlMenu.addItem(new NavBarMenuItem("Webrecursos.es.vg", "http://")); dhtmlMenu.addItem(new NavBarMenuItem("Foros del Web", "http://")); dhtmlMenu.addItem(new NavBarMenuItem("Desarrollo Web", "http://")); dhtmlMenu.addItem(new NavBarMenuItem("JavaScript", "http://")); dhtmlMenu.addItem(new NavBarMenuItem("BrainJar", "http://")); myNavBar1.addMenu(dhtmlMenu); //set menu colors myNavBar1.setColors("#ffffff","#ffffff","#000000","#ffffff","#6B6B6B","#000000","#C0C0C0","#ffffff","#8A0000") myNavBar1.setFonts("Arial","plain","bold","11px","Arial","plain","bold","11px"); //uncomment below line to center the menu (valid values are "left", "center", and "right" //myNavBar1.setAlign("center") var fullWidth; function init() { // Get width of window, need to account for scrollbar width in Netscape. fullWidth = getWindowWidth() - (isMinNS4 && getWindowHeight() < getPageHeight() ? 16 : 0); myNavBar1.resize(fullWidth); myNavBar1.create(); myNavBar1.setzIndex(2); } </script>

2ºPaso 

Tercer paso: Baja el archivo navcond.js

Menú estático

El siguiente menú acompaña el scroll de la página. Se puede utilizar para crear un menú, colocar una imágen, una firma, etc

eval(dS+object+sD+v+yy); setTimeout("checkLocation()",10); }   <div id="object1" style="position:relative; visibility:show; left:0px; top:0px; z-index:5"><div align="right"> <table width="120" border="0" bgcolor="#BCBCBC" cellspacing="1"> <tr> <td bgcolor="#000000"><p align="center"><font face="Arial" color="#FFFFFF"><strong><small>Menu Estático</small></strong></font></td> </tr> <tr> <td bgcolor="#EAEAEA" align="center"><table border="0" width="100%" cellpadding="0"> <tr> <td width="100%"></td> </tr> </table> </td> </tr> <tr> <td bgcolor="#EAEAEA" align="center">Link 1</td> </tr> <tr> <td bgcolor="#EAEAEA" align="center">Link 2</td> </tr> <tr> <td bgcolor="#EAEAEA" align="center">Link 3</td> </tr> <tr> <td bgcolor="#EAEAEA" align="center">Link 4</td> </tr> </table> </div> </div>

ATRÁS