jQuery拖拽图片diy组合图形代码站长KING4个月前发布关注私信0567380jQuery拖拽图片diy组合图形代码此内容为付费资源,请付费后查看¥3¥20黄金会员免费尊享会员免费立即购买您当前未登录!建议登陆后购买,可保存购买订单付费资源已售 251 这是一款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> © 版权声明文章版权归作者所有,未经允许请勿转载。THE END网页代码# jQuery特效图片特效 喜欢就支持一下吧点赞380 分享QQ空间微博QQ好友海报分享复制链接收藏