把图片拖动到DIV层里面的JS或JQ谁会啊?图片是固定不动的,相当于复制一个张到DIV层里面,急!!!在线等
展开全部
可以使用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>
<!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>
展开全部
亲,jquery有这个拖拽插件的,直接下载一个试试
http://www.open-open.com/lib/view/open1331715394484.html
http://www.cnblogs.com/McJeremy/archive/2011/04/14/2016398.html
希望能帮到你,如果自己写,是件比较麻烦的事
http://www.open-open.com/lib/view/open1331715394484.html
http://www.cnblogs.com/McJeremy/archive/2011/04/14/2016398.html
希望能帮到你,如果自己写,是件比较麻烦的事
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
追问
那里我都翻遍了,都没有找到!!!!
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
<div id='de'></div>
$.('#de').href('url')
$.('#de').href('url')
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询