2014-03-05 81 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庫。