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

});

用鼠标在div上用jquery改变cursos图像

2 个答案: