Sol planetaII

De wikiserver
La revisió el 15:33, 5 maig 2016 per Jnoguera (Discussió | contribucions) (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…».)
(dif) ← Versió més antiga | Versió actual (dif) | Versió més nova → (dif)
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({
                            backgroundColor: "#fff",
                            width: 100
                        }, 1000);
                    } else {
                        $("#effect").animate({
                            backgroundColor: "#aa0000",
                            
                            width: 100
                        }, 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>