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>