Efecto jQuery - Efecto Pulsate

Descripción

los PulsateEl efecto se puede utilizar con el método effect (). Esto pulsa la opacidad del elemento varias veces.

Sintaxis

Aquí está la sintaxis simple para usar este efecto:

selector.effect( "pulsate", {arguments}, speed );

Parámetros

Aquí está la descripción de todos los argumentos:

times- Tiempos para pulsar. El valor predeterminado es 3.
mode- El modo del efecto. Puede ser "mostrar", "ocultar". El valor predeterminado es "mostrar".

Ejemplo

A continuación se muestra un ejemplo simple que muestra el uso de este efecto:

<html>
   <head>
      <title>The jQuery Example</title>
      <script type = "text/javascript" 
         src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js">
      </script>
		
      <script type = "text/javascript" 
         src = "https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/jquery-ui.min.js">
      </script>
		
      <script type = "text/javascript" language = "javascript">
   
         $(document).ready(function() {

            $("#button").click(function(){
               $(".target").effect( "pulsate", {times:5}, 3000 );
            });
				
         });
			
      </script>
		
      <style>
         p {background-color:#bca; width:200px; border:1px solid green;}
         div{ width:100px; height:100px; background:red;}
      </style>
   </head>
	
   <body>
      <p>Click the button</p>
      <button id = "button"> Pulsate </button>

      <div class = "target">
      </div>
   </body>
</html>

Esto producirá el siguiente resultado:

jquery-effects.htm

↰ Previous page