jQuery根据鼠标位置移动div

Question

我对jQuery有点问题,也许你们可以帮助我.以下是jfiddle中的HTML标记,以便更好地理解:

的jsfiddle

我希望将#move_me的div移动到#content_wrapper根据鼠标位置内的右侧或左侧#content_wrapper.

基本上我想要的是:如果我将光标移动到#content_wrapperdiv 内部,那么#move_mediv应该向左移动以查看content2 div,当我向左移动时,#move_me div应该向右移动以查看content1 div. .

我试图让它与mousemove和pageXoffset一起工作,但我没有让它工作.

这样的事情:

$('#content_wrapper').mousemove(function(e){
var x = e.pageX - this.parentoffsetLeft;
$('#move_me').css({'left': x}); 
});

这里的图片更加精确地解释:

插图http://www.22labs.com/moveme.jpg

Answer 1

工作演示

试试这个

我想这就是你需要的,加入position:relative;你的move_me

码

$('#content_wrapper').mousemove(function (e) {

    $('#move_me').animate({
        'left': -e.pageX + 15 + 'px'
    }, 0);

});

希望这有帮助,谢谢