Programando PHP: JQuery: evento enfocar/desenfocar


<!DOCTYPE html>

<html>

<head>

 <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>

 <style>

  .desenfocar { -webkit-filter: blur(3px); }

 </style>

</head>



<body>

 <p><img class="desenfocar esImagen" src="imgAux.jpg"></p>



 <script>

 $(function() {

  $(".esImagen").click(function() {

   if ($(this).hasClass("desenfocar")) {

    $(this).removeClass("desenfocar");

   }

   else {

    $(this).addClass("desenfocar");

   }

  });

 });

 </script>

</body>

</html>

Programando PHP

ccc

JQuery: evento enfocar/desenfocar

No hay comentarios:

Publicar un comentario