更改cursos圖像與鼠標上的div jquery

Question

我需要知道如何更改鼠標上的光標圖像取決於x值的100％寬div。我使用插件在鼠標移動時移動div內容，我需要更改光標圖像以指示該用戶界面解決方案。我繼續：當鼠標在div的左側時，光標圖像必須變爲左箭頭圖像。當光標位於div的右側時，光標必須更改爲右圖像箭頭，但請記住div容器的寬度爲100％。感謝一位先進的顧客！

Answer 1

這是一個快速解決方案您可以使用不同的遊標，但你得到的圖片。

http://jsfiddle.net/capo64/J4hvZ/

編輯：這裏是jQuery的只是參考

$('.MyDiv').mousemove(function(e) { 
    var $this = $(this); 
    var width = $this.width(); 
    var x = e.pageX - this.offsetLeft; 

    if (x/width <= .5){ 
     $this.css('cursor', 'w-resize'); 
    } else { 
     $this.css('cursor', 'e-resize'); 
    } 
}); 

Answer 2

試試這個......一旦你知道光標在哪裏，你可以改變光標圖標。

var leftMin=0; 
var leftMax=xxx; 
var rightMin=yyy; 
var rightMax=zzz; 
$('div'.mousemove(function(e){ 

if(e.pageX> leftMin && e.pageX<leftMax){ 
// the user is in the left side of the panel. 
} 

if(e.pageX> rightMin && e.pageX<rightMax){ 
// the user is in the right side of the panel. 
} 

});