Sol mario animate hover - Historial de revisió

Jnoguera a 12:09, 1 abr 2016

2016-04-01T12:09:07Z

2016-04-01T12:07:48Z

2016-04-01T12:02:21Z

2016-04-01T11:31:56Z

@@ Línia 7: / Línia 7: @@
          <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
          <style>
-−
              img {
                  position: relative;
                  top:50px;
                  left:250px;
-−
+             }
-−
          </style>
-−
          <script>
-−
-−
              $(document).ready(function() {
-                 $(document).hover(function() {
+                 $('img').hover(function() {
-−
-                     $('img').animate({top: '-=50px'}, 500);
+                     $(this).animate({top: '-=50px'}, 500);
                  },
                          function() {
-                             $('img').animate({top: '+=50px'}, 500);
+                             $(this).animate({top: '+=50px'}, 500);
+                         }
                  );
              });
-−
          </script>
      </head>
@@ Línia 37: / Línia 37: @@
      </body>
 </html>
 </source>

@@ Línia 21: / Línia 21: @@
              $(document).ready(function() {
-                 $(document).keypress(function() {
+                 $(document).hover(function() {
                      $('img').animate({top: '-=50px'}, 500);

@@ Línia 21: / Línia 21: @@
              $(document).ready(function() {
-                 $('img').hover(function() {
+                 $(document).keypress(function() {
-                     $(this).animate({top: '-=50px'}, 500);
+                     $('img').animate({top: '-=50px'}, 500);
                  },
                          function() {
-                             $(this).animate({top: '+=50px'}, 500);
+                             $('img').animate({top: '+=50px'}, 500);
+                         }
                  );

@@ Línia 10: / Línia 10: @@
              img {
                  position: relative;
-                 top:0px;
+                 top:50px;
+             }