我正在尝试使容器 div 内的 div 在 X 轴上以与鼠标相反的方向移动(仅向左和向右)。
这就是我到目前为止所拥有的:
html
<div class="container">
<div class="box"></div>
</div>
css
.container { width: 450px; height: 52px; border: 1px #000 solid; position: relative; }
.box { width: 50px; height: 50px; border: 1px #000 solid; position: absolute; right: 200px; }
jQuery
$(document).ready(function(){
$('div.container').mousemove(function(e){
var x = e.pageX - this.offsetLeft;
if ($('div.box').css('right') <= '400') {
$('div.box').css({'right': x});
}
});
});
JSfiddle - http://jsfiddle.net/eyalbin/qQmu7/49/
由于某种原因,该功能在几秒钟后停止工作。
谁能帮忙