这是一款jQuery拖拽图片diy组合图形代码,点击下面的png图片会出现在上面的背景图,然后可以任意拖拽进行组合。
![图片[1] - jQuery拖拽图片diy组合图形代码 - 项目资源网](/wp-content/uploads/replace/dd2f969b716bec45861db5bd8394e33f.webp)
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>
© 版权声明
资源使用与合规声明
本站部分资源整理自互联网,仅供个人学习、研究或欣赏使用。我们高度重视知识产权保护,若无意中侵犯了您的权益,请通过下方联系方式告知,我们将第一时间核实并处理。
THE END








暂无评论内容