这是一款jQuery拖拽图片diy组合图形代码,点击下面的png图片会出现在上面的背景图,然后可以任意拖拽进行组合。
![图片[1]-客创社 - 专注互联网轻资产创业及网络项目资源整合与分享jQuery拖拽图片diy组合图形代码-客创社 - 专注互联网轻资产创业及网络项目资源整合与分享福鑫网创 - 免费且强大的项目分享网站](https://www.fuxins.com/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>
© 版权声明
文章版权归作者所有,未经允许请勿转载。
THE END
暂无评论内容