jquery jqRotateVerify实现图片角度旋转摆正验证效果代码

代码语言:html

所属分类:验证

代码描述:jquery jqRotateVerify实现图片角度旋转摆正验证效果代码

代码标签: 图片 角度 旋转 摆正 验证 效果

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/jqRotateVerify.js"></script>
	</head>
	<body>
		<div id="rotateWrap" style="margin-top:50px;">
			
		</div>
		<div style="text-align: center;margin-top: 50px;">
			<button type="button" id="resetBtn" style="height: 30px;">重置</button>
			<button type="button" id="testBtn" style="height: 30px;">状态测试</button>
		</div>
		<div id="rotateWrap2" style="margin-top:50px;">
			
		</div>
		<script type="text/javascript">
			$(function(){
				//1
				var myRotateVerify = new RotateVerify('#rotateWrap',{
					initText:'滑动将图片转正',//默认
					slideImage:['//repo.bfw.wiki.........完整代码请登录后点击上方下载按钮下载查看

网友评论0