
这是一款jQuery拖拽图片diy组合图形代码,点击下面的png图片会出现在上面的背景图,然后可以任意拖拽进行组合。
js代码
<script src=\"js/jquery.min.js\"></script>
<script src=\"js/touch.min.js\"></script>
<script src=\"js/myTouchImg.js\"></script>
<script>
$(function () {
//贴纸功能
$(\'.ioc\').click(function () {
var html = [\'<div class=\"set-box\">\',
\' <img src=\"\' + $(this).attr(\'src\') + \'\" class=\"set-img\" draggable=\"false\" ondragstart=\"return false;\">\',
\' <img src=\"img/close-icon2.png\" class=\"set-close\">\',
\'</div>\'].join(\"\");
$(\'.ioc-main-box\').append(html);
myTouchjs($(\'.set-box\').last());
});
//删除贴纸
$(document).on(\'click\', \'.set-close\', function (e) {
$(this).parent().remove();
});
//将操作的贴纸置于最上层
$(document).on(\'mousedown touchstart\', \'.set-box\', function (e) {
$(this).css({\"z-index\": \'1\'});
$(this).siblings().css({\"z-index\": \'0\'});
});
})
</script>










暂无评论内容