弹窗拼图验证

功能说明：

拖动滑块拼图到对应位置进行验证，验证成功则关闭弹窗执行回调callback，验证失败则更新图片重新拖动滑块进行验证；

如果看不清图片可点击右上角“换一张”更新图片；如想直接关闭弹窗可点击右上角关闭图标即可；

基本用法：

1.创建实例var puzzle = McrbHttpClient.puzzleVerification()

2.初始化渲染puzzle.init(callback);

注意：访问页面必须与验证接口地址同域否则无法通过验证。

参数说明：

callback：验证成功后回调函数；

callback回调函数中返回值是{errcode： 0, errmsg: '验证成功'}（即验证接口的返回值）；其中errcode值为0表示成功，1表示失败；errmsg结果文字提示；

应用实例：

    var puzzle = McrbHttpClient.puzzleVerification();
    puzzle.init(function(e){
        console.log(e); // 验证接口返回值
        // 执行想要的操作：
        alert('执行想要的操作；如请求接口发送手机号获取验证码，触发界面“按钮倒计时”');
    });

效果展示：