05/10/2011, 14:14
|
| | | Fecha de Ingreso: septiembre-2011
Mensajes: 158
Antigüedad: 12 años, 7 meses Puntos: 15 | |
| Respuesta: Carga div, con efecto tras cargar página
Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- Incluimos el jquery-->
<script type="text/javascript" src="jquery.js"></script>
<title>Documento sin título</title>
<script type="text/javascript">
$(document).ready(function(){
$("#hola").fadeOut(1000);//fadeOut indica el desbanecimiento y 1000 el tiempo
});
</script>
<style type="text/css">
#hola{
background-color:#CCCCCC;
padding:10px 10px 10px 10px; }
</style>
</head>
<body>
<div id="hola">
<h1>Lorem ipsum</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eget auctor massa. Donec at lectus urna, at fermentum lorem. Maecenas lectus urna, fermentum a adipiscing nec, pharetra vel odio. Nulla sit amet enim at mi pulvinar rhoncus. Proin eleifend mauris in lectus feugiat aliquet. Nullam sit amet mauris quis sem sagittis faucibus a ut nisi. Vestibulum facilisis tincidunt urna, eget porttitor odio elementum in. Quisque accumsan augue quis risus faucibus vel euismod neque hendrerit. Vivamus blandit viverra mauris ut ullamcorper. Nulla facilisi. Nulla sit amet condimentum ligula. Mauris quis magna nibh, et auctor quam.</p>
<p>
Etiam blandit congue eleifend. Suspendisse diam elit, dictum id mollis id, vestibulum ut ipsum. Morbi porta, turpis eget suscipit tempus, odio felis consectetur lorem, non iaculis lorem nibh in dolor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis magna ante, congue in placerat ac, scelerisque eget lorem. Pellentesque ante est, varius a vulputate vel, egestas at diam. Cras eget dolor quam, et laoreet purus. Quisque at tempor risus. Vivamus iaculis, urna ultricies faucibus tincidunt, risus justo rutrum purus, id mattis enim orci sed lorem. Etiam ut augue vel leo aliquam sodales vel nec urna. Duis dignissim odio dolor, quis iaculis nisl.</p>
</div>
</body>
</html>
|