Tutoriales de Javascript

Introducción

Solo tienes que copear el código que esta abajo y descargar el archivo navcond.js para que funcione el script. Puedes descargar el ejemplo funcionando al final del documento.



<html>
<head>
<title>Menú parte superior</title>
</head>
<p align="center"><br>
<b>Menú parte superior
<script language="Javascript" src="navcond.js"></script>
<script language="Javascript">

var myNavBar1 = new NavBar(0);
var dhtmlMenu;

dhtmlMenu = new NavBarMenu(100, 0);
dhtmlMenu.addItem(new NavBarMenuItem("Home", "http://dynamicdrive.com"));
myNavBar1.addMenu(dhtmlMenu);

dhtmlMenu = new NavBarMenu(100, 120);
dhtmlMenu.addItem(new NavBarMenuItem("Noticias", ""));
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("Tecnología", ""));
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("Dynamic Drive", 
"http://www.dynamicdrive.com"));
myNavBar1.addMenu(dhtmlMenu);

dhtmlMenu = new NavBarMenu(100, 150);
dhtmlMenu.addItem(new NavBarMenuItem("Búsqueda", ""));
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("Webmasters", ""));
dhtmlMenu.addItem(new NavBarMenuItem("Dynamic Drive", "http://dynamicdrive.com"));
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);

myNavBar1.setColors("#000000", "#000000", "#abcdef", "#fffaaa", "#666666", 
"#000000", "#abcdef", 
"#ffffff", "#000080")

var fullWidth;

function init() {
fullWidth = getWindowWidth() 
- (isMinNS4 && getWindowHeight() < getPageHeight() ? 16 : 0);

myNavBar1.resize(fullWidth);
myNavBar1.create();
myNavBar1.setzIndex(2);
}
</script>
</b>
<body onLoad="init()">
</p>
<p align="center">Archivos: <br>
<a href="navcond.js">navcond.js</a></p>
</body>
</html>


Autor: S/A DescargarDescargar

Comentarios en "Menú parte superior en java"

Table 'programa_programas.t_comentarios' doesn't exist