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

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

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

图片[1] - 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 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容