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

jQuery拖拽图片diy组合图形代码-精品资源网
jQuery拖拽图片diy组合图形代码
此内容为免费资源,请登录后查看
0
免费资源

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

这是一款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
点赞0 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容