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 –