Diferència entre revisions de la pàgina «Sol planetaII»

De wikiserver
Dreceres ràpides: navegació, cerca
Línia 1: Línia 1:
<source lang="java">
 
 
<!DOCTYPE html>
 
<!DOCTYPE html>
 
<html>
 
<html>
Línia 15: Línia 14:
 
                 $("#effect").dblclick(function() {
 
                 $("#effect").dblclick(function() {
 
                     if (estado) {
 
                     if (estado) {
                         $("#effect").animate({
+
                         $("#effect").animate({ //estado original
 
                             backgroundColor: "#fff",
 
                             backgroundColor: "#fff",
                             width: 100
+
                            height:100,
 +
                             width:100
 
                         }, 1000);
 
                         }, 1000);
                     } else {
+
                     } else {  
                         $("#effect").animate({
+
                         $("#effect").animate({   //estado cambiado
 
                             backgroundColor: "#aa0000",
 
                             backgroundColor: "#aa0000",
 
                             height:50,
 
                             height:50,
Línia 54: Línia 54:
 
     </body>
 
     </body>
 
</html>
 
</html>
</source>
 

Revisió del 15:39, 5 maig 2016

<!DOCTYPE html> <html>

   <head>
       <title>¡Bum!</title>        
       <script src="//code.jquery.com/jquery-1.12.2.js"></script>
       <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
       <script>
           $(document).ready(function() {


               var estado = true;
               $("#effect").dblclick(function() {
                   if (estado) {
                       $("#effect").animate({  //estado original
                           backgroundColor: "#fff",
                           height:100,
                           width:100
                       }, 1000);
                   } else { 
                       $("#effect").animate({   //estado cambiado
                           backgroundColor: "#aa0000",
                           height:50,
                           width: 50
                       }, 1000);
                   }
                   estado = !estado;
               });
           });


       </script>
       <style>
           body {
               background-image: url('http://bit.ly/UpQgJ6');
               repeat: no-repeat;
           }
           div {
               height: 100px;
               width: 100px;
               border-radius: 100%;
               background-color: #fff;
           
           }


       </style>
   </head>
   <body>
   </body>
</html>