4

我想用里面的图像创建 div 元素，并用鼠标位置的坐标改变它的位置。有一些用于创建 3d 效果的 jquery-pluings，但我只需要在 X 和 Y 坐标上移动。另外，请在 div 元素的限制范围内执行此操作。

我得到了下一个代码：

$('div.images').mousemove(function(e){
        var x = e.pageX - this.offsetLeft;
        var y = e.pageY - this.offsetTop;
        $('div.images').css({'top': x,'left': y}); 
    });

在 CSS div.images 中具有绝对位置。当我移动鼠标时不会改变位置，但是当我在 CSS 中删除位置时，它会将更改应用于元素的样式，但不会更改位置。

给我一些建议，我需要做什么。

在http://fieroanimals.com/上实现了 Flash，但我想在 JQuery 上做到这一点。

4

2 回答 2

6 
$(document).ready(function(){
      $('div.moveAble-container').mousemove(function(e){
            var y = e.pageY;
            var x = e.pageX;                    
            $('div.moveAble').css({'top': y}); 
            $('div.moveAble').css({'left': x});

      });
    });
于 2013-10-11T13:11:59.620 回答
3

$('div.images').mousemove(...)意味着它只会检测超过div.images.

$('html')将检测鼠标在整个页面上的移动。

jsFiddle 示例

根据您的需要，您可能希望将 X 坐标应用于 CSSleft属性，将 Y 坐标应用于 CSS top。（在你的问题中你有相反的方式）。

于 2012-06-28T12:23:03.510 回答