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

De wikiserver
Dreceres ràpides: navegació, cerca
(Es crea la pàgina amb «<source lang="java"> <!DOCTYPE html> <html> <head> <title>¡Bum!</title> <script src="//code.jquery.com/jquery-1.12.2.js"></script> <s…».)
 
Línia 22: Línia 22:
 
                         $("#effect").animate({
 
                         $("#effect").animate({
 
                             backgroundColor: "#aa0000",
 
                             backgroundColor: "#aa0000",
                              
+
                             height:50,
                             width: 100
+
                             width: 50
 
                         }, 1000);
 
                         }, 1000);
 
                     }
 
                     }

Revisió del 15:36, 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({
                            backgroundColor: "#fff",
                            width: 100
                        }, 1000);
                    } else {
                        $("#effect").animate({
                            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>
        <div id="effect"> 
    </body>
</html>