这是一款jQuery拖拽图片diy组合图形代码,点击下面的png图片会出现在上面的背景图,然后可以任意拖拽进行组合。
![图片[1]-jQuery拖拽图片diy组合图形代码-星网科技 Grdy.cn](https://www.grdy.cn/king72/tupiaodaw/upiaori47/2024/09/01/57/qymganzdkpt20240901205737qymganzdkpt15105536212.jpg)
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>
本站代码模板仅供学习交流使用请勿商业运营,严禁使用星网科技上的模板&源码从事违法,侵权等任何非法活动!
感谢您的来访,获取更多精彩文章请收藏本站。

暂无评论内容