21/08/2011, 11:42
|
| | Fecha de Ingreso: junio-2010
Mensajes: 752
Antigüedad: 14 años, 5 meses Puntos: 5 | |
duda capas transparente javascript hola buenas queria hacerles una consulta. por que tengo codigo que no me funciona en firefox...recien estoy viendo estos temas....
en internet si anda...
como se hace entonces cuando tengo estos problemas...
hago que detecte el navegador, y desde ahi hago dos codigos?
o meto este codigo en JQUERY ya que este framework me soluciona el problema de compatibilidad... o directamente se hace desde cero con "codigo framework"
este es el codigo ....
-----------------------------
<html>
<head>
<title>
Página con Javascript.
</title>
<script language="javascript">
<!--
contador = 0;
centrado = false;
window.moveTo(0,0);
window.resizeTo (screen.availWidth, screen.availHeight);
function iniciar()
{
opacidad = setInterval(ver,1);
}
function ver()
{
contador += 4;
if (contador <= 100)
{
Capa1.style.filter = "alpha(opacity=" + contador + ")";
} else {
cierre = setTimeout (cerrar,5000);
centrado = true;
}
}
function cerrar()
{
Capa1.style.visibility = "hidden";
clearInterval (opacidad);
if (centrado) clearTimeout (cierre);
}
//-->
</script>
</head>
<body onLoad="iniciar();">
<h1>
Esto es el contenido normal de la página.
</h1>
Sobre los contenidos se despliega una capa que podría tener,
<br>
por ejemplo, un banner publicitario.
<span id="Capa1" style="position:absolute; left:10px; top:10px; width:280px; height:280px; background-color: #66FFFF; layer-background-color: #66FFFF; visibility: visible; overflow: auto; filter: alpha(opacity=0)">
<p>
Esto es una capa con un filtro de transparencia.<br>
Este afecta a texto,<br>
imágenes, botones <br>
y cualquier otro tipo de contenidos.
</p>
<center>
<img src="imagenes/disco.gif">
<br>
<button onClick="cerrar();">
Cerrar esto
</button>
</center>
</span>
</body>
</html> |