我正在尝试使用javascripts中的鼠标事件并遇到问题。
我采用了这个例子: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);
}
答案 0 :(得分:1)
在moveCont结束时添加
$('.transform').css('-moz-transform',newpos);
对于mozilla希望它能够工作,你的小提琴加载jquery库。