我试图根据鼠标事件和方向移动div,我的意思是将div沿相同的方向移动,鼠标在该方向上移动,但是div的移动将受到限制。到目前为止,我有这个:
$("#foo").mousemove(function(event) {
$("#bee1").animate({"left": "150px"}, 2000)
});
和CSS:
#bee1 { position:absolute; top:200px; left:160px; }
现在,在移动鼠标之后,div只向一个方向移动,然后停止。但是我希望它以与移动鼠标相同的方向移动))我该怎么做?
谢谢大家的帮助!
最佳答案
我想你在找这个
工作demo
$("#foo").mousemove(function(event) {
$("#bee1").stop().animate({left: event.pageX, top: event.pageY}, 300)
});