Usuario:ManuelRomero/JavaScript/jquery/efectos - Historial de revisiones

ManuelRomero en 12:49 6 abr 2016

2016-04-06T12:49:32Z

ManuelRomero: /* devaneciéndose o degradaciones : fade= */

2016-04-06T12:48:45Z

‎devaneciéndose o degradaciones : fade=

ManuelRomero en 12:21 6 abr 2016

2016-04-06T12:21:27Z

ManuelRomero en 11:47 6 abr 2016

2016-04-06T11:47:40Z

ManuelRomero en 10:51 6 abr 2016

2016-04-06T10:51:42Z

ManuelRomero: /* Mostrar/Ocultar */

2016-04-06T10:48:35Z

‎Mostrar/Ocultar

ManuelRomero: /* Mostrar/Ocultar */

2016-04-06T10:48:10Z

‎Mostrar/Ocultar

ManuelRomero en 08:44 6 abr 2016

2016-04-06T08:44:08Z

ManuelRomero: Página reemplazada por «{{Usuario:ManuelRomero/JavaScript/jquery/nav}}
»

2016-04-06T08:25:29Z

Página reemplazada por «{{Usuario:ManuelRomero/JavaScript/jquery/nav}} <br />»

Mostrar los cambios

ManuelRomero: /* Eventos del ratón */

2016-04-06T08:23:24Z

‎Eventos del ratón

@@ Línea 77: / Línea 77: @@
 <source lang = javascript>
 $(selector).fadeIn(speed,callback);
-<source>
+</source>
 ;fadeOut()
 *Tiene el efecto contrario (el de desaparecer desvaneciéndose) un elemento de html
 <source lang = javascript>
 $(selector).fadeOut(speed,callback);
-<source>
+</source>
 {{Actividad|Dibuja tres elementos con un color de fondo y haz que aparezcan y desaparezcan con botones correspondientes usando las funciones de fada
 <source lang=html5>

@@ Línea 64: / Línea 64: @@
 {{Actividad|
 Modifica el ejercico anterior para que se realice en un tiempo y que luego se muestre un alert diciendo que la imagen se ha mostrado u ocultado}}
-===devaneciéndose o degradaciones : fade====
+===devaneciéndose o degradaciones : fade===
 *Con la bibliteca JQuery se puede hacer que los elementos desaparezcan y aparezcan como desvaneciéndose o degradándose
 *Para este comentido tenemos 4 métodos según se exponen a continuación
@@ Línea 72: / Línea 72: @@
   fadeToggle()
   fadeTo()
-<source>
+</source>
 ;fadeIn()
 *Hace que aparezca un elemento oculto con un cierto efecto
@@ Línea 127: / Línea 127: @@
 *Estos métodos permiten visualizar elementos (suelen ser imágenes) a modo de presentaciones
 *Tenemos tres métodos que podemos intuir su funcionamiento
 {{Actividad|
-Title=}}
+Title=probando las presentaciones
 <>
 ====animimaciones: animate y stop====
 ====Anidando acciones====
 ====Concepto de funciones de callback====

@@ Línea 65: / Línea 65: @@
 Modifica el ejercico anterior para que se realice en un tiempo y que luego se muestre un alert diciendo que la imagen se ha mostrado u ocultado}}
 ===devaneciéndose o degradaciones : fade====
 ====Modo presentación : slide====
 ====animimaciones: animate y stop====
 ====Anidando acciones====

@@ Línea 1: / Línea 1: @@
 {{Usuario:ManuelRomero/JavaScript/jquery/nav}}
 <br />
 *Los efectos son acciones que queremos realizar sobre un elemento seleccionado
 *La sintaxis sigue la básica de '''''jquery'''''

@@ Línea 63: / Línea 63: @@
 {{Actividad|
 Modifica el ejercico anterior para que se realice en un tiempo y que luego se muestre un alert diciendo que la imagen se ha mostrado u ocultado}}
+===devaneciéndose o degradaciones : fade====
-jQuery Effects
+====Modo presentación : slide====
-jQuery Hide/Show
+====animimaciones: animate y stop====
-jQuery Fade
+====Anidando acciones====
-jQuery Slide
+====Concepto de funciones de callback====
-jQuery Animate
-jQuery stop()
 jQuery Callback
 jQuery Chaining
 ===

@@ Línea 15: / Línea 15: @@
 {{Actividad|
 Title=Muestra u oculta una imagen
-|<source lang=javascirpt>
+|<source lang=javascript>
 <!DOCTYPE html>
 <html lang="en">

← Revisión anterior		Revisión de 08:44 6 abr 2016
Línea 1:		Línea 1:
	{{Usuario:ManuelRomero/JavaScript/jquery/nav}}		{{Usuario:ManuelRomero/JavaScript/jquery/nav}}
	<br />		<br />
		+	*Los efectos son acciones que queremos realizar sobre un elemento seleccionado
		+	*La sintaxis sigue la básica de '''''jquery'''''
		+	<source lang=javascript>
		+	$(seleccion).accion()
		+	</source>
		+	*Vamos a ver distintos tipos de efectos, las posibilidades son enormes
		+	===Mostrar/Ocultar===
		+	<source lang=javascript>
		+	$(seleccion).hide(time, callback)
		+	$(seleccion).show(time, callback)
		+	</source>
		+	*Los parámetros time y callback son opcioneles
		+	{{Actividad\|
		+	Title="Muestra u oculta una imagen
		+	<source lang=javascirpt>
		+	<!DOCTYPE html>
		+	<html lang="en">
		+
		+	<head>
		+	<meta charset="UTF-8">
		+	<title>Document</title>
		+	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
		+	<script>
		+	< script type = 'text/javascript'
		+	src = "//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" >
		+	</script>
		+	<script type="text/javascript">
		+	$(document).ready(activa);
		+
		+	function activa () {
		+	$("#muestra").click(muestra);
		+	$("#oculta").click(oculta);
		+	}
		+
		+	function muestra(){
		+	$("img").show();
		+	}
		+	function oculta(){
		+	$("img").hide();
		+	}
		+	</script>
		+	</head>
		+
		+	<body>
		+	<h1>Mostrando u ocultando imágenes</p>
		+	<button id="muestra">Muestra </button>
		+	<button id="oculta">Oculta</button>
		+	<br />
		+	<img src="naturaleza.jpg" alt="">
		+	</body>
		+	</html>
		+	</source>
		+	}}
		+	;parámetros opicones
		+	:El primer parámetros especifica el tiempo en el cual ocurre la acción
		+	:Valores
		+	#slow
		+	#fast
		+	# un entero que especifica el tiempo en milisegundos
		+	:El segundo parámetro es una función que se ejecutará cuando haya terminado la acción
		+	{{Actividad\|
		+	Modifica el ejercico anterior para que se realice en un tiempo y que luego se muestre un alert diciendo que la imagen se ha mostrado u ocultado}}
		+
		+	jQuery Effects
		+	jQuery Hide/Show
		+	jQuery Fade
		+	jQuery Slide
		+	jQuery Animate
		+	jQuery stop()
		+	jQuery Callback
		+	jQuery Chaining
		+	===

@@ Línea 63: / Línea 63: @@
      });
 </source>
-</div>
 <div class="slide">
 ;mouseover() y mouseout()
@@ Línea 135: / Línea 135: @@
 </source>
 }}
-[[http://es.wikieducator.org/index.php?title=Usuario:ManuelRomero/JavaScript/jquery/solucion1 |<font size=5 color=red >Solución</font>]]
+[[Usuario:ManuelRomero/JavaScript/jquery/solucion1 |<font size=5 color=red >Solución</font>]]
 :Sirve para indicar dos o más funciones para ejecutar cuando el usuario realiza cliks, con la particularidad que esas funciones se van alternando a medida que el usuario hace clics.

Usuario:ManuelRomero/JavaScript/jquery/efectos - Historial de revisiones

ManuelRomero en 12:49 6 abr 2016

ManuelRomero: /* devaneciéndose o degradaciones : fade= */

ManuelRomero en 12:21 6 abr 2016

ManuelRomero en 11:47 6 abr 2016

ManuelRomero en 10:51 6 abr 2016

ManuelRomero: /* Mostrar/Ocultar */

ManuelRomero: /* Mostrar/Ocultar */

ManuelRomero en 08:44 6 abr 2016

ManuelRomero: Página reemplazada por «{{Usuario:ManuelRomero/JavaScript/jquery/nav}} »

ManuelRomero: /* Eventos del ratón */

ManuelRomero: Página reemplazada por «{{Usuario:ManuelRomero/JavaScript/jquery/nav}}
»