jQuery - 根據鼠標位置顯示div

Question

好吧，我完全卡住了...

我在隱藏div內有一個圖像。如果鼠標的x座標在0到200像素之間，我只想顯示圖像。

所以基本上：

if pageX <= 200 { 
show div 
} else { 
hide div 
} 

任何意見將因此不勝感激！

Answer 1

首先你必須得到鼠標的位置，然後檢查，如果是低於200：

$(document).mousemove(function(e){ 
    if (e.pageX < 200) { 
     $('div').show(); 
    } 
    else { 
     $('div').hide(); 
    } 
} 

編輯：我沒有檢查它是否大於零，因爲如果鼠標在窗口之外該處理函數不會被觸發

jQuery's Tutorial: Mouse Position

Answer 2

您還可以使用toggle()：

$(document).mousemove(function(e){ 
    $('div').toggle(e.pageX < 200);