Javascript draggable图像脚本

时间:2014-02-14 21:04:03

标签: javascript jquery html css html5

我一直在寻找符合我标准的脚本大约三个小时,因为我不擅长Javascript,我正在寻找一个支持我需要的所有东西的脚本,但是,我尝试和寻找的所有东西,没有所需的东西。我在寻找的是:

  • HTML5,Javascript或Jquery相似的脚本,可以使用鼠标按钮拖动图像。
  • 必须能够有更多可以同时拖动的图像。
  • 将它实现为div是可行的,这样用户就无法将图像拖出div。

话虽如此,我不是在寻找拖放解决方案,用户应该能够将图像放在特定div内的任何地方。

我的问题:有没有人对这样的脚本有任何经验,并且知道符合我标准的东西,如果共享,我们将非常感激。感谢。

1 个答案:

答案 0 :(得分: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>

然后附加您的元素(使用类和ID):

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