jQuery拖拽图片diy组合图形代码

这是一款jQuery拖拽图片diy组合图形代码，点击下面的png图片会出现在上面的背景图，然后可以任意拖拽进行组合。

js代码
<scriptsrc="js/jquery.min.js"></script>
<scriptsrc="js/touch.min.js"></script>
<scriptsrc="js/myTouchImg.js"></script>
<script>
$(function(){
//贴纸功能
$('.ioc').click(function(){
varhtml=['<divclass="set-box">',
'<imgsrc="'+$(this).attr('src')+'"class="set-img"draggable="false">',
'<imgsrc="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('mousedowntouchstart','.set-box',function(e){
$(this).css({"z-index":'1'});
$(this).siblings().css({"z-index":'0'});
});
})
</script>



下载

2023-11-23 01:37 上传

点击文件名下载附件
售价: 1 金币  [记录]  [购买]