Tutoriales de Javascript

Menú colorido en java
Introducción

Solo tienes que copear el código que esta abajo y si quieres puedes descargar el ejemplo funcionando al final.



<head>
<title>Menú colorido</title>
<STYLE TYPE="text/css">
<!--
.menuh	{
BORDER-COLOR : #FFFF99 ;
cursor : hand ;
Border-Left : #FFFF99 ;
Border-Top : #FFFF99 ;
Padding-Left : 1px ;
Padding-Top : 1px ;
Background-Color : #FFFF99 ;
}
.menu	{
Background-Color : white ;
}
.home	{
cursor : hand ;
}

.menulinks{
text-decoration:none;
}
//-->
</STYLE>
</head>
<body>
<script Language="Javascript1.2">
<!--

//configure below variable for menu width, position on page
var menuwidth=110
var offsetleft=10
var offsettop=90

var ns4=document.layers?1:0
var ie4=document.all?1:0
var ns6=document.getElementById&&!document.all?1:0

function makeStatic() {
if (ie4) {object1.style.pixelTop=document.body.scrollTop+offsettop}
else if (ns6) {document.getElementById("object1").style.top=
window.pageYOffset+offsettop}
else if (ns4) {eval(document.object1.top=eval(window.pageYOffset+offsettop));}
setTimeout("makeStatic()",0);
}

if (ie4||ns6) {document.write(<span ALIGN="CENTER" ID="object1" 
STYLE="Position:absolute; Top:20; Left:+offsetleft+; Z-Index:5;cursor:hand;
background-color:black;">
<TABLE BORDER="1" width="+menuwidth+" CELLPADDING="0" CELLSPACING="0" 
BORDERCOLOR="black" bgcolor="white">)}
else if (ns4){ document.write(<LAYER top="20" name="object1" 
left="+offsetleft+" BGCOLOR=black>
<TABLE BORDER="0" CELLPADDING="0" CELLSPACING="1"><TR><TD>
<TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0" width="+menuwidth+">)}

if (ie4||ns6||ns4)
document.write(<TR><TD BGCOLOR="#3399FF" BORDERCOLORDARK="#99CCFF" 
BORDERCOLORLIGHT="#003399"><P ALIGN=CENTER><FONT SIZE="4" 
FACE=ARIAL>Menu</FONT></TD></TR>)

var menui = new Array();
var menul = new Array();

//configure below for menu items. Extend list as desired

menui[0]=" Más Javascripts";
menui[1]="?Qué hay de nuevo?";
menui[2]="Lo más visto";
menui[3]="Foro de mensajes";
menui[4]="FAQs";
menui[5]="Envíanos un mensaje";
menui[6]="Enlázanos";
menui[7]="Envíanos un correo";

menul[0]="http://www.javascriptsource.com";
menul[1]="http://www.javascripts.com";
menul[2]="http://www.javascripts.com";
menul[3]="http://www.javascripts.com";
menul[4]="http://www.javascripts.com";
menul[5]="http://www.javascripts.com";
menul[6]="http://www.javascripts.com";
menul[7]="http://www.javascripts.com";

for (i=0;i<=menui.length-1;i++)
if (ie4||ns6) {document.write(<TR><TD BORDERCOLOR="white" 
ONCLICK="location=+menul[i]+" 
onmouseover="className=menuh" onMouseout="className=menu">
<CENTER><FONT>+menui[i]+</FONT></TD></TR>)}
else if (ns4){document.write(<TR><TD BGCOLOR="white"><ILAYER><LAYER 
width="+menuwidth+" 
onmouseover="bgColor=yellow" onmouseout="bgColor=white"><CENTER>
<A HREF="+menul[i]+" class=menulinks>+menui[i]+</A></CENTER></LAYER>
</ILAYER></TD></TR>)}

if (ie4||ns6) {document.write(</TABLE></span>)}
else if (ns4){document.write(</TABLE></TD></TR></TABLE></LAYER>)}

function menu3(){
if (ns6||ie4||ns4)
makeStatic()
}

window.onload=menu3

//-->
</script>
<CENTER><style>A{text-decoration:none; font-family:ms sans serif; font-size:8; 
color: black}A:hover 
{text-decoration:none; color: red;}</style>
<b><a href="#"><font face="Arial" size="3">Menú colorido</font></a></b></CENTER>
</body>


Autor: S/A DescargarDescargar

Comentarios en "Menú colorido en java"

Table 'programa_programas.t_comentarios' doesn't exist