jQuery mousemove动画

时间:2010-10-01 09:25:15

标签: javascript jquery cross-browser jquery-animate

我正在使用带有jQuery的mousemove事件处理程序:

$(document).mousemove(function(e) { updateDownloadPosition(e); } );

它在Chrome中完美运行但是我尝试过鼠标移动事件的其他每个浏览器都不会被触发,直到鼠标停止移动,而不是每次移动时都会不停。

- 编辑 -

好的,正如Tim Down正确地指出的那样,它不是mousemove事件,它是我的功能,所以现在我的重点是我的动画功能:

paralaxArray[i].object.animate(
            {marginLeft: newX},
            {duration: 3000,
            easing: 'easeOutExpo'});

为了在mousemove上正确重置它,我使用了stop()函数:

paralaxArray[i].object.stop().animate(

...但是这会在chrome中产生不连贯的动画,所以现在我使用的是clearQueue:

paralaxArray[i].object.clearQueue();
paralaxArray[i].object.animate(
            {marginLeft: newX},
            {duration: 3000,
            easing: 'easeOutExpo'});

但是这样做(以及使用stop())会导致除chrome之外的所有浏览器仅在鼠标停止移动时才会生成动画。什么可能导致这?我是否必须编写自己的动画更新功能?

再次感谢:)

由于

1 个答案:

答案 0 :(得分:-1)

为了完成这个问题,我最终最终编写了自己的动画功能,然后完美地工作。