Código de JavaScript - Animaciones por capas

Animaciones por capasgráfica de visualizaciones


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 08 de Julio del 2003 por Corpol
16.109 visualizaciones desde el 08 de Julio del 2003. Una media de 28 por semana
Código para mostrar animaciones gif en una página a distintos niveles, mediante la utilización de capas.

Versión 1
estrellaestrellaestrellaestrellaestrella(2)

Publicado el 08 de Julio del 2003gráfica de visualizaciones de la versión: Versión 1
16.110 visualizaciones desde el 08 de Julio del 2003. Una media de 28 por semana
estrellaestrellaestrellaestrellaestrella
estrellaestrellaestrellaestrella
estrellaestrellaestrella
estrellaestrella
estrella

Si alguno de los archivos de descarga no funciona, comentanos aquí el error.




Comentarios sobre la versión: Versión 1 (2)

Marcelo
28 de Diciembre del 2004
estrellaestrellaestrellaestrellaestrella
Como todo lo tuyo, muy bueno
Responder
Héctor
01 de Marzo del 2006
estrellaestrellaestrellaestrellaestrella

Está bien, pero el tiempo pasa, llegan los estándares del W3C, los nuevos navegadores, tu código no fnciona con Mozilla,... aquí va una pequeña corrección del script ;)

<html>

<head>

<title>Ver animaciones gif con capas</title>

<script language="javascript">

var capa, capa1, capa2;

ns4 = (document.layers)? true:false;

ie4 = (document.all)? true:false;
w3c = (document.getElementById)? true:false;

function init() {
if (w3c) {

capa = document.getElementById("menu").style

capa1 = document.getElementById("menu1").style

capa2 = document.getElementById("menu2").style

} else {

if (ns4) {

capa = document.menu

capa1 = document.menu1

capa2 = document.menu2

} else if (ie4) {

capa = menu.style

capa1 = menu1.style

capa2 = menu2.style

}
}

}

function muestra(obj) {
if (w3c || ie4)
obj.visibility = "visible";

else if (ns4)
obj.visibility = "show";

}


function oculta(obj) {

if (w3c || ie4)
obj.visibility = "hidden";
else if (ns4)
obj.visibility = "hide";


}

</script>

</head>

<body onLoad="init()" bgcolor="black" link="yellow" alink="orange">

<center><font color="yellow" size="5">Ver animaciones Gif por medio de capas<br>Haz clic en la animacion que desees ver, y clic sobre la animacion para cerrarla</font></center>

<table style="position:absolute;left:10; top:80; border:2px solid #736EDC;">

<tr>

<td><a href="javascript:muestra(capa)" onMouseOver="window.status='[Ver animacion de LWP]';return true">Ver animacion de LWP</a>

<div id="menu" style="position:Absolute;left:250; top:30; visibility:hidden;">

<img src="LWP.gif" Onclick="oculta(capa)"></div>

</td></tr>

<tr>

<td><a href="javascript:muestra(capa1)" onMouseOver="window.status='[Ver animacion de lisa]';return true">Ver animacion de Lisa simpson</a>

<div id="menu1" style="position:Absolute;left:250; top:30; visibility:hidden;">

<img src="foto34.gif" Onclick= "oculta(capa1)"></div>

</td></tr>

<tr>

<td><a href="javascript:muestra(capa2)" onMouseOver="window.status='[Ver animacion de bart]';return true">Ver animacion de bart simpson</a>

<div id="menu2" style="position:Absolute;left:250; top:30; visibility:hidden;">

<img src="grafo2.gif" Onclick= "oculta(capa2)"></div>

</td></tr>

</table>

</body>

</html>





Responder

Comentar la versión: Versión 1

Nombre
Correo (no se visualiza en la web)
Valoración
Comentarios

http://lwp-l.com/s705