div上のマウスでjqueryを使ってcursosイメージを変更する

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. 
} 

});