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

jQuery拖拽图片diy组合图形代码-星云科技 adyun.org
jQuery拖拽图片diy组合图形代码
此内容为付费资源,请付费后查看
320
立即购买
您当前未登录!建议登陆后购买,可保存购买订单
付费资源
已售 251

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

图片[1]-jQuery拖拽图片diy组合图形代码-星云科技 adyun.org

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>
------本页内容已结束,喜欢请分享------
本站代码模板仅供学习交流使用请勿商业运营,严禁使用星云adyun.org上的模板&源码从事违法,侵权等任何非法活动!

感谢您的来访,获取更多精彩文章请收藏本站。

© 版权声明
THE END
喜欢就支持一下吧
点赞380 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情

    暂无评论内容