2014-02-14 49 views
0

我一直在尋找一個符合我的標準的腳本約三個小時,因爲我不擅長Javascript,我正在尋找一個腳本,支持我需要的一切,但是,所有我擁有的東西嘗試和尋找,沒有需要的東西。我正在尋找的是:JavaScript拖動圖像腳本

  • 一個HTML5,Javascript或JQuery相似的腳本,可以使用鼠標拖動圖像成爲可能。
  • 必須有可能有更多的圖像可以同時拖動。
  • 它應該是可行的,以實現它一個div,以便用戶不能拖動圖像的div。

就是這樣說的,我不是在尋找一個拖放解決方案,用戶應該能夠在特定div內的任何位置放置圖像。

我的問題:有沒有人有這樣的腳本的經驗,並知道符合我的標準的東西,如果共享,將非常感激。謝謝。

回答

2

用jquery很容易在腳本中導入可拖動的功能。看看這個鏈接:http://jqueryui.com/draggable/。是的,它支持一切。在你的腦袋標籤導入這兩個腳本:

<script src="//code.jquery.com/jquery-1.9.1.js"></script> 
<script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script> 

然後附上你的元素一樣,(用class和id作品):

<script> 
$(function() { 
$("#draggable").draggable(); 
}); 
</script> 
+0

但確實該腳本支持的圖像嗎? – user3287771

+0

它必須引用類而不是id,因爲我需要多次使用它。 – user3287771

+1

不要忘記接受答案。 – Kostadin