需要引入的js库有:

需要自定义一个function来接收验证的结果,demo如下
	function democallback(result){
		var scene = 'demo';
		if (!result['status']){
			$.getJSON('https://www.wendangs.com/api/imagedragauth/generator?callback=?',function(result){
				$(".bgimg"+scene).attr("src","https://www.wendangs.com/api/imagedragauth/backgroundimg?r="+Math.random());
				$(".reflectimg"+scene).attr("src","https://www.wendangs.com/api/imagedragauth/dragableimg?r="+Math.random());
				$(".draggablebtn"+scene).css({"left":"0px"});
				$(".reflectimg"+scene).css({"left":"0px","top":result['y']});
			});
			setTimeout(function(){alert('验证失败');},100);
		}else{
			$( ".draggablebtn"+scene ).draggable( "disable" );
			setTimeout(function(){alert('验证成功,请把'+result['y']+'这个值带上进入到后续逻辑进行后端验证');},100);
		}
	}
	
此按钮可以是某表单的提交按钮
后端验证接口https://www.wendangs.com/api/imagedragauth/backendvalid,get方式传值,接收一下参数【'privateKey','type','time','dispatchkey','signature'】,利用得到的私钥来进行签名,返回值'0'或者'1'