Skip to main content
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <script src="https://code.jquery.com/jquery-3.1.1.slim.min.js"></script>

    <title>Práctica 12</title>
    <style type="text/css">
        #header{
            padding: 10px;
            background-color: #2b82f7;
        }
        h1{
            padding: 10px;
        }
    #anip{
            padding:5px;
            background-color:"blue";
    }
    </style>
</head>
<body>
    <div id="contenedor">
        <div id="header"><h1>Título</h1></div>
        <div id="corpo">
            
            <div id="anip">
        Esto quiero que se anime
      </div>
     
        <script type="text/javascript">
            $('#anip').animate(
                 {
                    top : "+=50px",
                    opacity : 0.25
                 },
                    300,
            );
        </script>
                   
        </div>
    </div>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <script src="https://code.jquery.com/jquery-3.1.1.slim.min.js"></script>

    <title>Práctica 12</title>
    <style type="text/css">
        #header{
            padding: 10px;
            background-color: #2b82f7;
        }
        h1{
            padding: 10px;
        }
    #anip{
            padding:5px;
            background-color:"blue";
    }
    </style>
</head>
<body>
    <div id="contenedor">
        <div id="header"><h1>Título</h1></div>
        <div id="corpo">
            
            <div id="anip">
        Esto quiero que se anime
      </div>
     
        <script type="text/javascript">
            $('#anip').animate(
                 {
                    top : "+=50px",
                    opacity : 0.25
                 },
                    300,
            );
        </script>
                   
        </div>
    </div>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <script src="https://code.jquery.com/jquery-3.1.1.slim.min.js"></script>

    <title>Práctica 12</title>
    <style type="text/css">
        #header{
            padding: 10px;
            background-color: #2b82f7;
        }
        h1{
            padding: 10px;
        }
    #anip{
            padding:5px;
            background-color:"blue";
    }
    </style>
</head>
<body>
    <div id="contenedor">
        <div id="header"><h1>Título</h1></div>
        <div id="corpo">
            
            <div id="anip">
        Esto quiero que se anime
      </div>
     
        <script type="text/javascript">
            $('#anip').animate(
                 {
                    top : "+=50px",
                    opacity : 0.25
                 },
                    300,
            );
        </script>
                   
        </div>
    </div>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <script src="https://code.jquery.com/jquery-3.1.1.slim.min.js"></script>

    <title>Práctica 12</title>
    <style type="text/css">
        #header{
            padding: 10px;
            background-color: #2b82f7;
        }
        h1{
            padding: 10px;
        }
    #anip{
            padding:5px;
            background-color:"blue";
    }
    </style>
</head>
<body>
    <div id="contenedor">
        <div id="header"><h1>Título</h1></div>
        <div id="corpo">
            
            <div id="anip">
        Esto quiero que se anime
      </div>
     
        <script type="text/javascript">
            $('#anip').animate(
                 {
                    top : "+=50px",
                    opacity : 0.25
                 },
                    300,
            );
        </script>
                   
        </div>
    </div>
</body>
</html>

Tengo un div id<div id> llamado anipanip, este lo invoco en el script<script> e intento animarlo, pero no funciona la animación. Como he dicho, puede ser cualquier animación, solo deseo que funcione.

En el head<head> he añadido el enlace vinculante a jQuery. Dentro del Body<body> tengo un div contenedor<div> contenedor sin estilo, y dentro de este contenedor dos divs<div>, header<header> y corpocorpo respectivamente. Dentro del div corpo<div> corpo tengo el div id="anip"<div id="anip">, el cual quiero animar de alguna manera. Estoy aprendiendo a animar en jQuery. Este es el planteamiento.

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <script src="https://code.jquery.com/jquery-3.1.1.slim.min.js"></script>

    <title>Práctica 12</title>
    <style type="text/css">
        #header{
            padding: 10px;
            background-color: #2b82f7;
        }
        h1{
            padding: 10px;
        }
    #anip{
            padding:5px;
            background-color:"blue";
    }
    </style>
</head>
<body>
    <div id="contenedor">
        <div id="header"><h1>Título</h1></div>
        <div id="corpo">
            
            <div id="anip">
        Esto quiero que se anime
      </div>
     
        <script type="text/javascript">
            $('#anip').animate(
                 {
                    top : "+=50px",
                    opacity : 0.25
                 },
                    300,
            );
        </script>
                   
        </div>
    </div>
</body>
</html>

Agradecería mucho la ayuda. Soy nuevo en esta comunidad.

Tengo un div id llamado anip, este lo invoco en el script e intento animarlo, pero no funciona la animación. Como he dicho, puede ser cualquier animación, solo deseo que funcione.

En el head he añadido el enlace vinculante a jQuery. Dentro del Body tengo un div contenedor sin estilo, y dentro de este contenedor dos divs, header y corpo respectivamente. Dentro del div corpo tengo el div id="anip", el cual quiero animar de alguna manera. Estoy aprendiendo a animar en jQuery. Este es el planteamiento.

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <script src="https://code.jquery.com/jquery-3.1.1.slim.min.js"></script>

    <title>Práctica 12</title>
    <style type="text/css">
        #header{
            padding: 10px;
            background-color: #2b82f7;
        }
        h1{
            padding: 10px;
        }
    #anip{
            padding:5px;
            background-color:"blue";
    }
    </style>
</head>
<body>
    <div id="contenedor">
        <div id="header"><h1>Título</h1></div>
        <div id="corpo">
            
            <div id="anip">
        Esto quiero que se anime
      </div>
     
        <script type="text/javascript">
            $('#anip').animate(
                 {
                    top : "+=50px",
                    opacity : 0.25
                 },
                    300,
            );
        </script>
                   
        </div>
    </div>
</body>
</html>

Agradecería mucho la ayuda. Soy nuevo en esta comunidad.

Tengo un <div id> llamado anip, este lo invoco en el <script> e intento animarlo, pero no funciona la animación. Como he dicho, puede ser cualquier animación, solo deseo que funcione.

En el <head> he añadido el enlace vinculante a jQuery. Dentro del <body> tengo un <div> contenedor sin estilo, y dentro de este contenedor dos <div>, <header> y corpo respectivamente. Dentro del <div> corpo tengo el <div id="anip">, el cual quiero animar de alguna manera. Estoy aprendiendo a animar en jQuery. Este es el planteamiento.

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <script src="https://code.jquery.com/jquery-3.1.1.slim.min.js"></script>

    <title>Práctica 12</title>
    <style type="text/css">
        #header{
            padding: 10px;
            background-color: #2b82f7;
        }
        h1{
            padding: 10px;
        }
    #anip{
            padding:5px;
            background-color:"blue";
    }
    </style>
</head>
<body>
    <div id="contenedor">
        <div id="header"><h1>Título</h1></div>
        <div id="corpo">
            
            <div id="anip">
        Esto quiero que se anime
      </div>
     
        <script type="text/javascript">
            $('#anip').animate(
                 {
                    top : "+=50px",
                    opacity : 0.25
                 },
                    300,
            );
        </script>
                   
        </div>
    </div>
</body>
</html>

Agradecería mucho la ayuda. Soy nuevo en esta comunidad.

Origen Enlace

No me corre ninguna animación jQuery

Tengo un div id llamado anip, este lo invoco en el script e intento animarlo, pero no funciona la animación. Como he dicho, puede ser cualquier animación, solo deseo que funcione.

En el head he añadido el enlace vinculante a jQuery. Dentro del Body tengo un div contenedor sin estilo, y dentro de este contenedor dos divs, header y corpo respectivamente. Dentro del div corpo tengo el div id="anip", el cual quiero animar de alguna manera. Estoy aprendiendo a animar en jQuery. Este es el planteamiento.

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <script src="https://code.jquery.com/jquery-3.1.1.slim.min.js"></script>

    <title>Práctica 12</title>
    <style type="text/css">
        #header{
            padding: 10px;
            background-color: #2b82f7;
        }
        h1{
            padding: 10px;
        }
    #anip{
            padding:5px;
            background-color:"blue";
    }
    </style>
</head>
<body>
    <div id="contenedor">
        <div id="header"><h1>Título</h1></div>
        <div id="corpo">
            
            <div id="anip">
        Esto quiero que se anime
      </div>
     
        <script type="text/javascript">
            $('#anip').animate(
                 {
                    top : "+=50px",
                    opacity : 0.25
                 },
                    300,
            );
        </script>
                   
        </div>
    </div>
</body>
</html>

Agradecería mucho la ayuda. Soy nuevo en esta comunidad.