2014-03-05 80 views
0

我试图在JavaScript中玩鼠标事件并遇到问题。.css转换不适用于jQuery

我拿这个例子:http://jsfiddle.net/vL5g3/1/了解它是如何工作的,后来试图将它应用于变换的情况。

虽然我知道结果很可能会失败,但我至少预料会发生某些事情,但没有任何事情发生。是不是可以应用与jQuery的CSS转换?

下面是代码:

http://jsfiddle.net/pool4/Bbcp2/1/

var x=0, 
    y=0, 
    rate=0, 
    maxspeed=10; 
var cont= $('.container'); 

$(cont).mousemove(function(e){ 
    var $this = $(this); 
    var w = $this.width(); 
    rate = -(e.pageX - $(this).offset().left + 1)/w; 
}); 

cont.hover(
    function(){ 
     var scroller = setInterval(moveCont, 30); 
     $(this).data('scroller', scroller); 
    }, 
    function(){ 
     var scroller = $(this).data('scroller'); 
     clearInterval(scroller); 
    } 
); 

function moveCont(){ 
    x += maxspeed * rate; 
    var newpos = 'translate('+x+'px, '+y+'px)'; 
    $('.transform').css('-webkit-transform',newpos); 
} 
+1

相关问题http://stackoverflow.com/questions/8270612/get-element-moz-transformrotate-value-in-jquery –

回答

1

添加在moveCont

$('.transform').css('-moz-transform',newpos); 

为Mozilla的最后希望将工作和你的小提琴负载jQuery库。