JQuery - Slide automático

   
Vista:
Imágen de perfil de Kevin

Slide automático

Publicado por Kevin (1 intervención) el 09/08/2014 21:54:16
Quiero hacer este efecto, pero que sea automático, nada de clickear botones, que al cargas la pagina aparezca y después de unos segundos desaparezca. De está manera:
4f2d0eb06771eeab96368c77e247d3e3

Gracias.
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de xve

Slide automático

Publicado por xve (557 intervenciones) el 10/08/2014 10:14:40
Hola Kevin, para ello, tienes que utilizar las funciones de jquery slideUp y slideDown tal y como se muestra en este ejemplo:
http://www.lawebdelprogramador.com/codigo/JQuery/2731-Ejemplo_de_la_utilizacion_de_slideUp_y_slideDown.html

Lo unico que tienes que iniciar el movimiento una vez se cargue la pagina onload() y finalizarlo cuando quieras con un SetTimeout.

Seria algo así:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="utf-8">
    <script src="http://code.jquery.com/jquery-1.11.1.js" type="text/javascript"></script>
 
    <script>
    var delayTime=0;
    $(document).ready(function(){
		$("#textoEscondido").slideDown()
		setTimeout('$("#textoEscondido").slideUp()',3000);
	});
    </script>
 
	<style>
	#textoEscondido {display:none;padding:10px;border:1px solid #777;margin:10px;}
	</style>
</head>
 
<body>
 
<div id="textoEscondido">Este texto es un texto de prueba<br>Para ver como se abre y cierra la cortina con el contenido.</div>
 
</body>
</html>
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar