把图片拖动到DIV层里面的JS或JQ谁会啊?图片是固定不动的,相当于复制一...

发布网友发布时间：2024-09-25 14:21

共4个回答

热心网友时间：2024-10-05 12:36

可以使用jquery ui draggable/droppable
<!doctype html>
<html lang="us">
<head>
<meta charset="utf-8">
<title>jQuery UI Example Page</title>
<link href="css/smoothness/jquery-ui-1.9.2.custom.css" rel="stylesheet">
<script src="js/jquery-1.8.3.js"></script>
<script src="js/jquery-ui-1.9.2.custom.js"></script>
<script>
$(function () {
$(".clsDraggable").draggable({
revert: true,
helper: 'clone',
onStartDrag: function () {
$(this).draggable('options').cursor = 'not-allowed';
$(this).draggable('helper').css('z-index', "10");
},
onStopDrag: function () {
$(this).draggable('options').cursor = 'move';
}
});
$(".clsDroppable").droppable({
drop: function (event, ui) {
$(this).html($(ui.helper).clone(true));
$(ui.helper).remove();
}
});
});
</script>
<body>
<img class="clsDraggable" src="C:\Users\Public\Documents\Thunder Network\Thunder\Profiles\pluginpanel\cacheicon\TabNewsAddinIcon.png">

<div class="clsDroppable" style="background-color:@backColor;width:100px; height:100px; float:left; border:1px solid black;margin:2px;">
drop image to me
</div>
</body>
</html>

热心网友时间：2024-10-05 12:40

亲，jquery有这个拖拽插件的，直接下载一个试试
http://www.open-open.com/lib/view/open1331715394484.html
http://www.cnblogs.com/McJeremy/archive/2011/04/14/2016398.html
希望能帮到你，如果自己写，是件比较麻烦的事

热心网友时间：2024-10-05 12:37

<div id='de'></div>
$.('#de').href('url')

热心网友时间：2024-10-05 12:36

给不了你代码，但是可以告诉你哪里会有。你可以去找找看，里面什么样的都有。

http://www.lanrentuku.com/