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>