Rotar un elemento continuamente con Jquery

item = 'body';
var t;
function rotar(){
$(item).css('-moz-transform','rotate('+$(item).data('x')+'deg)');
$(item).data('x',$(item).data('x')+1);
}
function lanzar(){
t = setInterval('rotar()',10);
}
function cancelar(){
clearInterval(t);
}
$(document).ready(function(){
$(item).data('x',0);
$(item).bind('mouseenter',lanzar);
$(item).bind('mouseleave',cancelar);

});

2 thoughts on “Rotar un elemento continuamente con Jquery

  1. Gran aporte! Pero para los navegadores modernos bastará con añadir y personalizar el código css las siguientes líneas:

    @-[moz|webkit|o|ms]-keyframes [nombre animación] {
    from{
    -[moz|webkit|o|ms]-transform: rotate(0deg);
    }
    to{
    -[moz|webkit|o|ms]-transform: rotate(360deg);
    }
    }

    #elemento {
    -[moz|webkit|o|ms]-[nombre animación] 10s linear infinite;
    }

    Vamos a dejar que css3 cumpla su función antes que sobrecargar la página de código js 😉 Salu2

Leave a Reply

Your email address will not be published. Required fields are marked *