HTML.Dyn@mico - Barra de Navegación Superior 2

Inicio | Ayuda | Chat | Libro de Visitas

HTML.Dyn@mico

Barra de Navegación Superior 2

Inicio

Descripción: Este es un muy buen menu de dos niveles. Podrás organizar tus links añadiendo a su vez un toque DHTML a tu web. Además posee varias opciones personalizables.

Demo: En la parte superior de la página.

Instrucciones

Paso 1: Inserte el siguiente código en la sección <head> de su web:

<script language="JavaScript" src="navcond.js"></script> <script language="JavaScript"> 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("Home", "http://www.htmldynamico.cjb.net/")); myNavBar1.addMenu(dhtmlMenu); dhtmlMenu = new NavBarMenu(100, 120); dhtmlMenu.addItem(new NavBarMenuItem("News", "")); dhtmlMenu.addItem(new NavBarMenuItem("CNN", "http://www.cnn.com/")); dhtmlMenu.addItem(new NavBarMenuItem("MSNBC", "http://msnbc.com/")); dhtmlMenu.addItem(new NavBarMenuItem("ABCNews", "http://www.abcnews.com/")); myNavBar1.addMenu(dhtmlMenu); dhtmlMenu = new NavBarMenu(110, 120); dhtmlMenu.addItem(new NavBarMenuItem("Technology", "")); dhtmlMenu.addItem(new NavBarMenuItem("News.com", "http://www.news.com/")); dhtmlMenu.addItem(new NavBarMenuItem("Techweb", "http://www.techweb.com/")); dhtmlMenu.addItem(new NavBarMenuItem("Wired", "http://www.wired.com/")); dhtmlMenu.addItem(new NavBarMenuItem("HTML.Dynamico", "../index.htm")); myNavBar1.addMenu(dhtmlMenu); dhtmlMenu = new NavBarMenu(100, 150); dhtmlMenu.addItem(new NavBarMenuItem("Search", "")); dhtmlMenu.addItem(new NavBarMenuItem("Yahoo", "http://www.yahoo.com/")); dhtmlMenu.addItem(new NavBarMenuItem("Alta Vista", "http://www.altavista.com/")); dhtmlMenu.addItem(new NavBarMenuItem("Infoseek", "http://www.infoseek.com/")); dhtmlMenu.addItem(new NavBarMenuItem("Excite", "http://www.excite.com/")); dhtmlMenu.addItem(new NavBarMenuItem("HotBot", "http://www.hotbot.com/")); myNavBar1.addMenu(dhtmlMenu); dhtmlMenu = new NavBarMenu(100, 150); dhtmlMenu.addItem(new NavBarMenuItem("Webmaster", "")); dhtmlMenu.addItem(new NavBarMenuItem("HTML.Dynamico", "http://www.htmldynamico.cjb.net/")); dhtmlMenu.addItem(new NavBarMenuItem("Website Abstraction", "http://wsabstract.com/")); dhtmlMenu.addItem(new NavBarMenuItem("Freewarejava.com", "http://freewarejava.com/")); dhtmlMenu.addItem(new NavBarMenuItem("BrainJar", "http://brainjar.com/")); myNavBar1.addMenu(dhtmlMenu); //set menu colors myNavBar1.setColors("#000000", "#000000", "#C0C0C0", "#ffffff", "#666666", "#000000", "#cccccc", "#ffffff", "#000080") //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); //UNCOMMENT BELOW LINE TO MOVE MENU DOWN 50 pixels //myNavBar1.moveTo(0, 50); } </script>

Paso 2: Agregue el siguiente comando en el <BODY> tag mismo. De esta forma:

<body onload="init()">

Paso 3: Finalmente, el código del paso 1 hace referencia al archivo "navcond.js", el cual deberá descargar del archivo exfiles.zip y subirlo al direcrtorio de su web:

exfiles.zip (click o click con Shift presionado en NS para descargar)

Para configurar el menu/sub menu items y sus colores, simplemente edite el código del Paso 1.

Listo!

Consultas

Envianos tus consultas o comentarios.

Recomendar

Puedes Recomendar esta web a tus amigos.



		HTML.Dyn@mico - © 2001-2003 - Todos los derechos reservados . www.htmldynamico.cjb.net