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);
}
相關問題http://stackoverflow.com/questions/8270612/get-element-moz-transformrotate-value-in-jquery –