Buenas,
he estado probando a hacer un banner expandible con javascript, me sale bien pero lo que no logro realizar es que el movimiento de expansión no sea tan rápido, es decir, que se expanda y se retracte más lentamente. ¿Alguien me podría ayudar?
El código que he realizado es el siguiente:
Código:
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Banner explandible footer</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
</head>
<body>
<div style="z-index: 1; height: 66px;cursor:pointer;">
<div style="position: absolute; overflow:hidden; z-index: 3000; width: 970px; height: 66px;bottom:0;left:50%;margin-left:-550px;" onmouseover="expand(this, 600);" onmouseout="retract(this, 66);">
<img src="img-big.jpg" alt="big" />
</div>
</div>
<script type="text/javascript">
var expand = function(elem, height) {
elem.style.height = height + "px";
};
var retract = function(elem, height) {
elem.style.height = height + "px";
};
</script>
</body>
Un saludo!!!!