Efecto jQuery - Efecto resaltado

Descripción

los HighlightEl efecto se puede utilizar con el método effect (). Esto resalta el fondo del elemento con un color específico, el predeterminado es amarillo.

Sintaxis

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

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

Parámetros

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

color- Resaltar color. El valor predeterminado es "# ffff99".
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( "highlight", {color:"#669966"}, 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"> Highlight </button>

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

Esto producirá el siguiente resultado:

jquery-effects.htm

↰ Previous page