jquery - 如何创建从固定位置开始的浮动标签？

Question

我想创建一个关于 width=200px 和 height=100px 的小 DIV 并使其有点透明。

DIV 需要在图片上。我希望客户端能够在屏幕上的任何位置拖动 DIV。

在初始页面加载时，我需要将 DIV 放置在相同的固定位置才能启动。

有没有人有任何 jquery 脚本可以做到这一点？

感谢您。

埃里克

Answer 1

这很古怪，但可能会给你一个简单的开始。希望其他人可以参与！:)

JSFiddle http://jsfiddle.net/V3TQ9/

CSS（我没有添加透明度）

<style type="text/css">

    #moveit {
    width:200px;
    height:50px;
    position:absolute;
    left:0px;
    top:0px;
    z-index:100;
    background-color:#666666;
    display:block;
}

</style>

HTML

<div id="moveit"></div>

jQuery

<script type="text/javascript">

$('#moveit').mouseup(function(e){ 

        $('#moveit').css({ left : (e.pageX - 100) , top : (e.pageY - 25) });
        $('#moveit').off('mousemove');

}).mousedown(function(){  

        $('#moveit').on('mousemove', function(e){       
            $('#moveit').css({ left : (e.pageX - 100) , top : (e.pageY - 25) });
        });

});

</script>