mousemove事件jquery-需要幫助

Question

我完全是jquery的初學者，我的問題很簡單：

我有兩個元素， mousemove事件在div1並且我正在根據鼠標的位置移動div2 ，所以我面臨兩個問題。

1. 當我將鼠標懸停在div2 ，mousemove事件會停止，但是只要光標在div1 ，並且希望將光標移到右側，div都不會正確移動

2. 我希望div2位於光標的中間，我嘗試將div1偏移量設為左，上等，但仍然沒有運氣

任何幫助將不勝感激，謝謝。

這是小提琴： http : //jsfiddle.net/Illum/pPn3v/

Answer 1

它的作品在這里：

1：

<div id="box1">
  <div id="box2"></div>
</div>

2：

$("#box2").css("left", e.pageX - 50);
$("#box2").css("top", e.pageY + -50);

e.pageX和e.pageY是鼠標指針分別距網頁左側和頂部多遠的像素度量。

如果沒有50個像素的偏移量，該代碼將告訴瀏覽器將元素的左上角與鼠標光標對齊。 此時像素值的任何修改都將相對於此位置 。

因為盒子是100 x 100，所以我們可以算出中心點在X：50，Y：50。 從那里開始，要使框的中心與鼠標指針對齊，我們要做的就是將框的位置向頂部和左側移動50個像素。 在這種情況下，您要從當前位置值中減去該金額（因為要向后移動）。

JsFiddle在這里http://jsfiddle.net/pPn3v/135/

希望能有所幫助