Deslizar

Un fade o un wipe no cambia la ubicación de un nodo. Si queremos moverlo, ahí es donde entra en juego fx.slideTo. Desplazar un nodo podría ser útil para crear una apariencia de movimiento o progresión en una página, y fx.slideTo crea una animación suave del nodo en la página, moviéndola a un sitio concreto especificando las coordenadas de la posición superior e izquierda del nodo en píxeles. Veamos un ejemplo:

    <script>
      require([
        'dojo/dom',
        "dojo/on",
        'dojo/fx',
        "dojo/_base/connect",
        'dojo/domReady!'
      ], function (dom, on, fx, connect) {

        var el = dom.byId('contenedor');
        el.innerHTML = 'Clic aquí! (si puedes xD)';

        dojo.connect(el, "onmouseover", function(evt){
          fx.slideTo({
              node: el,
              top: Math.floor((Math.random() * 1000) + 1),
              left: Math.floor((Math.random() * 1000) + 1)
          }).play();
        });
      });
    </script>
  </head>

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

Ejemplo en funcionamiento Código completo

results matching ""

    No results matching ""