01/09/2006, 04:36
|
 | Moderador extraterrestre | | Fecha de Ingreso: diciembre-2001 Ubicación: Madrid
Mensajes: 6.987
Antigüedad: 22 años, 4 meses Puntos: 61 | |
Lo he modificado un poco, a ver que te parece:
Código:
<html>
<head>
<title>Untitled</title>
<style>
#masinfo{
border:solid 1px silver;
width:0px;
height:1px;
padding:0px;
overflow:hidden;
}
#contenido{
display:block;
width:200px;
padding:10px;
font:normal 10px/15px verdana;
text-align:justify;
}
</style>
<script>
alturaMaxima=401;
velocidad=20 //pixels por vez. alturaMaxima-cantidad tiene que ser múltiplo de velocidad.
espera=100 //Tiempo de espera entre cada movimiento
anchura=200;
prorrata=anchura/alturaMaxima
cantidad=1;
function mostrar(esto){
if(cantidad==1 || cantidad==alturaMaxima){
incremento=(cantidad==1)?velocidad:-velocidad;
tope=(cantidad==1)?alturaMaxima:1;
}
es=document.getElementById(esto);
pe=esto;
cantidad+=incremento;
es.style.height=cantidad+"px";
es.style.width=parseInt(prorrata*cantidad)+"px";
if(cantidad!=tope){
setTimeout("mostrar('"+pe+"')",espera);
}
}
</script>
</head>
<body><a href="#" onclick="mostrar('masInfo');return false">Más Info</a>
<div id="masInfo"><div id="contenido">Estaba el señor Don Gato<br/>
sentadito en su tejado<br/>
marramiau, miau, miau,<br/>
sentadito en su tejado.<br/>
<br/>
Ha recibido una carta<br/>
por si quiere ser casado,<br/>
marramiau, miau, miau, miau,<br/>
por si quiere ser casado.<br/>
<br/>
Con una gatita blanca<br/>
sobrina de un gato pardo,<br/>
marramiau, miau, miau, miau,<br/>
sobrina de un gato pardo.<br/><br>
<img src="http://www.karlankas.net/chufa2.jpg" alt="Foto de Chufa" width="180" border="0">
</div>
</div>
</body>
</html>
__________________ Cómo escribir
No hay pregunta tonta, sino tonto que quiere seguir en la ignorancia. |