jQueryを使って、マウス(またはカーソル)で画像を移動させるにはどうすればいいですか?すなわち、画像がポインタに接着されるようにします。どのようにして後で接着剤を剥がすか、または接着した画像を交換します。ありがとうimage mouse move with move
1
A
答えて
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位置を設定しますマウスアップ。
関連する問題
- 1. Cocoa Move Mouse
- 2. amcharts 'stockChart mouse move listener
- 3. htaccess:Folder Move
- 4. mvcarray on marker move
- 5. スレッドセーフunique_ptr move
- 6. std :: thread moveコンストラクタ
- 7. C++ - NRVO and move
- 8. ThreeJS cant move camera
- 9. Unity3D Player Move
- 10. JLabel does not move
- 11. std :: move returnステートメント
- 12. rvalue refsとstd :: move
- 13. std :: move Vs std :: forward
- 14. g ++ 4.4:iostream move semantics
- 15. std :: move in-place operation
- 16. Magento 2 - Move Menu Location
- 17. std :: sortにmoveコンストラクタとmove-assignmentを使用させるには?
- 18. Laravel ajax image upload 'move'関数が500エラーを生成します
- 19. move arrow image Flexでのテキストエリア内の行の情報
- 20. ブートストラップ列プッシュプルTrying Move Column Up
- 21. swift/spritekit move then touch要素
- 22. C++ - Boost.Promise、Boost.Unique_FutureとMove Semantics
- 23. std :: unique_ptr :: release()vs std :: move()
- 24. "move"のjQueryアイテムデータを失う
- 25. std :: moveを使って
- 26. vector、move semantics、nothrow and g ++ 4.7
- 27. Libgdx Box2d Player does not move
- 28. native moveコマンド - java関数
- 29. copy対int std :: move for ints
- 30. SVN "repair move" from command-line
これは 'mousemove()'と 'click()'イベントの組み合わせです。 APIの記事を読んでください:http://api.jquery.com –