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

jQuery拖拽图片diy组合图形代码 - 项目资源网
jQuery拖拽图片diy组合图形代码
此内容为付费资源,请付费后查看
320
付费资源

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

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

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
喜欢就支持一下吧
点赞380 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情快捷回复

    暂无评论内容