我尝试在 javascript 中处理鼠标事件,但遇到了问题。
我举了这个例子: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);
}
最佳答案
在moveCont的末尾添加
$('.transform').css('-moz-transform',newpos);
对于 mozilla 希望它能正常工作并且你的 fiddle 加载 jquery 库。
关于javascript - .css 转换不适用于 jquery,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22190014/