2011-12-22 34 views
1

jQueryを使って、マウス(またはカーソル)で画像を移動させるにはどうすればいいですか?すなわち、画像がポインタに接着されるようにします。どのようにして後で接着剤を剥がすか、または接着した画像を交換します。ありがとうimage mouse move with move

+0

これは 'mousemove()'と 'click()'イベントの組み合わせです。 APIの記事を読んでください:http://api.jquery.com –

答えて

0

カスタムカーソルイメージをお探しですか?または、すでにあなたのページにあるイメージをドラッグして移動したいと思っていますか?

前者の場合は、あなたのCSSファイルにcursor: url(cursor.cur);を使用できます。

後者の場合は、image's mousedownイベントとdocument's mousemove and mouseupイベントを適切に処理できます。

0

あなたが使用できるjQueryのUIを使用することができた場合:

は、次の(またはversionofそれを)適用するマウスダウンに:

$(document).mousemove(function(ev){ 
    $("#theimage").position({ 
    my: "left bottom", 
    of: ev, 
    collision: "fit" 
    }); 
}); 

http://docs.jquery.com/UI/Position

と上の画像のabsoulute位置を設定しますマウスアップ。

関連する問題