11/02/2002, 16:12
|
| | | Fecha de Ingreso: febrero-2002
Mensajes: 40
Antigüedad: 22 años, 3 meses Puntos: 0 | |
| Aqui os dejo un menu aceptable
<html>
<head><style type="text/css">a:link { text-decoration: none; }a:visited { text-decoration: none; }a:hover { text-decoration: underline; }</style> <TITLE>MENUSSS
</TITLE>
<STYLE TYPE="text/css">
.fly {position:relative; color:navy; visibility:hidden}
</STYLE>
<LINK REL="stylesheet" HREF="../samples.css" TYPE="text/css">
<SCRIPT LANGUAGE="JavaScript">
function alignElements(el) {
/* Position the passed-in relatively positioned
element that is in the same coordinate system
on top of the element whose ID is src. */
el.style.pixelTop
= document.all.src.offsetTop - el.offsetTop;
el.style.pixelLeft
= document.all.src.offsetLeft - el.offsetLeft;
el.style.visibility = "visible";
}
function moveIn(el) {
// If the element is not at its position in the flow,
// move it closer.
var moved = false;
if (el.style.pixelTop < 0) {
el.style.pixelTop += 8;
if (el.style.pixelTop > 0)
el.style.pixelTop = 0;
moved = true;
}
else {
if (el.style.pixelTop > 0) {
el.style.pixelTop -= 8;
if (el.style.pixelTop < 0)
el.style.pixelTop = 0;
moved = true;
}
}
if (el.style.pixelLeft < 0) {
el.style.pixelLeft += 8;
if (el.style.pixelLeft > 0)
el.style.pixelLeft = 0;
moved = true;
}
else {
if (el.style.pixelTop > 0) {
el.style.pixelLeft -= 8;
if (el.style.pixelLeft < 0)
el.style.pixelLeft = 0;
moved = true;
}
}
/* The move variable reflects whether the element has
moved. If the element has already reached its position
in the flow, this function returns false. */
return moved;
}
function flyInTogether() {
var more = false;
// Animate into place all elements with class name fly.
for (var intLoop = 0; intLoop < document.all.length;
intLoop++) {
if ("fly" == document.all[intLoop].className)
more = moveIn(document.all[intLoop]) || more;
}
// Keep running until all elements reach their locations
// in the flow.
if (more)
setTimeout("flyInTogether()", 10);
}
function setup() {
// Align all elements that are going to be animated.
for (var intLoop = 0; intLoop < document.all.length;
intLoop++) {
if ("fly" == document.all[intLoop].className)
alignElements(document.all[intLoop]);
}
flyInTogether();
}
window.onload = setup;
</SCRIPT>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#000000" text="#000000">
<table width="12%" border="1" cellspacing="0" cellpadding="0">
<tr>
<td bgcolor="#00FFFF">
<div align="center"><b>MENU</b></div>
</td>
</tr>
<tr>
<td>&nbsp;
<H1 ID=src>
</H1>
<UL>
<LI CLASS="fly">
<P><a href="http://maestrosdelweb.com"><font color="#FF0000">LINK 1</font></a></P>
<LI CLASS="fly">
<P><a href="http://maestrosdelweb.com"><font color="#FF0000">LINK 2</font></a></P>
<LI CLASS="fly">
<P><a href="http://maestrosdelweb.com"><font color="#FF0000">LINK 3</font></a></P>
<LI CLASS="fly">
<P><a href="http://maestrosdelweb.com"><font color="#FF0000">LINK 4</font></a></P>
<LI CLASS="fly">
<P><a href="http://maestrosdelweb.com"><font color="#FF0000">LINK 5</font></a></P>
<LI CLASS="fly">
<P><a href="http://maestrosdelweb.com"><font color="#FF0000">LINK 6</font></a></P>
<LI CLASS="fly">
<P><a href="http://maestrosdelweb.com"><font color="#FF0000">LINK 7</font></a></P>
<LI CLASS="fly">
<P><a href="http://maestrosdelweb.com"><font color="#FF0000">LINK 8</font></a></P>
<LI CLASS="fly">
<P><a href="http://maestrosdelweb.com"><font color="#FF0000">LINK 9</font></a></P>
<LI CLASS="fly">
<P><a href="http://maestrosdelweb.com"><font color="#FF0000">LINK 10</font></a></P>
</UL></td>
</tr>
<tr>
<td bgcolor="#00FFFF">&nbsp;</td>
</tr>
</table>
</body>
</html>
|