Ejemplo 4

En este ejemplo establecemos sólo un controlador. Cuando pasemos el ratón por contenedor, éste se moverá. Además le añadimos que cada vez que pase por contenedor vaya a un sitio aleatorio utilizando para la generación de las coordenadas Math.random().

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

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

        on(el, "mouseover", 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 ""