Ejemplos

Ejemplo 1

Este ejemplo es similar al Hola Mundo! pero añadiendo el módulo dojo/fx que permite realizar efectos de animación con elementos del DOM.

<!DOCTYPE html>
<html>
  <head>
    <script src="//ajax.googleapis.com/ajax/libs/dojo/1.10.4/dojo/dojo.js"
            data-dojo-config="async: true"
    ></script>
    <!-- <script>
      var dojoConfig = {
        async: true
      }
    </script>
    <script src="//ajax.googleapis.com/ajax/libs/dojo/1.10.4/dojo/dojo.js"></script> -->

    <script>
      require([
        'dojo/dom',
        'dojo/fx',
        'dojo/domReady!'
      ], function (dom, fx) {
        var el = dom.byId('contenedor');
        el.innerHTML = '  Hola Mundo!';
        // ...but now, with an animation!
        fx.slideTo({
            node: el,
            top: 100,
            left: 200
        }).play();
      });
    </script>
  </head>

  <body>
    <div id="contenedor"></div>
  </body>

</html>

Ejemplo en funcionamiento Código completo

results matching ""

    No results matching ""