Código de JavaScript - Animaciones por capas

Versión 1
estrellaestrellaestrellaestrellaestrella(2)

Publicado el 8 de Julio del 2003gráfica de visualizaciones de la versión: Versión 1
17.411 visualizaciones desde el 8 de Julio del 2003
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)

28 de Diciembre del 2004
estrellaestrellaestrellaestrellaestrella
Como todo lo tuyo, muy bueno
Responder
1 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 ;)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
<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...
CerrarCerrar
CerrarCerrar
Cerrar

Tienes que ser un usuario registrado para poder insertar imágenes, archivos y/o videos.

Puedes registrarte o validarte desde aquí.

Codigo
Negrita
Subrayado
Tachado
Cursiva
Insertar enlace
Imagen externa
Emoticon
Tabular
Centrar
Titulo
Linea
Disminuir
Aumentar
Vista preliminar
sonreir
dientes
lengua
guiño
enfadado
confundido
llorar
avergonzado
sorprendido
triste
sol
estrella
jarra
camara
taza de cafe
email
beso
bombilla
amor
mal
bien
Es necesario revisar y aceptar las políticas de privacidad

http://lwp-l.com/s705