Sol planetaII

De wikiserver
Dreceres ràpides: navegació, cerca
<!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>
        <div id="effect"> 
    </body>
</html>