Efecto Dhtml
Hola, saludos... Estoy desarrollando un proyecto escolar, es una página web, solo que no la publicare en la red, pero para esto me gustaría saber si hya algún script para que a la hora de dar click en un link aparezca una imagen que después de unos segundos se desvanezca y muestre el contenido de la ventana, o en su defecto que muestre una ventana que diga "cargando" y después de unos segundos se desvanezca o desapresca abriéndose a los lados... Espero que me puedas ayudar... Gracias de antemano...
1 respuesta
Respuesta de weymaster
1
Aquí tienes un ejemplo de un script básico que tiene la funcionalidad que buscas:
<head>
<title>Titulo de tu pagina</title>
<script language="javascript" src="xp_progress.js">
/***********************************************
* WinXP Progress Bar- By Brian Gosselin- http://www.scriptasylum.com/
* Script featured on Dynamic Drive- http://www.dynamicdrive.com
* Si decides implementar este codigo por favor no modifiques esta parte
***********************************************/
</script></head>
<body text="#FFFFFF" bgcolor="#000000">
<table height=100% width=100% id="loadbar" style="filter: alpha(opacity=0)"><tr><td>
<center>
<h1>Texto de carga o imagen aqui</h1>
<script type="text/javascript">
var bar1= createBar(200,15,'black',1,'404040','blue',85,5,3,"opminuss()");
</script></center></td></tr>
</table>
<script>
//Script de desaparicion
var a
a=0;
function opplus() {
if (a<100) {
a=a+2;
loadbar.filters[0].opacity=a;
setTimeout("opplus()",50);
}
}
function opminuss() {
bar1.togglePause();
loadbar.style.display="none";
afterloadbar.style.display="";
}
setTimeout("opplus()",50);
</script>
<span id="afterloadbar" style="display:none">
El contenido de tu sitio va aqui
</span>
</body>
<head>
<title>Titulo de tu pagina</title>
<script language="javascript" src="xp_progress.js">
/***********************************************
* WinXP Progress Bar- By Brian Gosselin- http://www.scriptasylum.com/
* Script featured on Dynamic Drive- http://www.dynamicdrive.com
* Si decides implementar este codigo por favor no modifiques esta parte
***********************************************/
</script></head>
<body text="#FFFFFF" bgcolor="#000000">
<table height=100% width=100% id="loadbar" style="filter: alpha(opacity=0)"><tr><td>
<center>
<h1>Texto de carga o imagen aqui</h1>
<script type="text/javascript">
var bar1= createBar(200,15,'black',1,'404040','blue',85,5,3,"opminuss()");
</script></center></td></tr>
</table>
<script>
//Script de desaparicion
var a
a=0;
function opplus() {
if (a<100) {
a=a+2;
loadbar.filters[0].opacity=a;
setTimeout("opplus()",50);
}
}
function opminuss() {
bar1.togglePause();
loadbar.style.display="none";
afterloadbar.style.display="";
}
setTimeout("opplus()",50);
</script>
<span id="afterloadbar" style="display:none">
El contenido de tu sitio va aqui
</span>
</body>
