QQ客服
当前位置 : 首页 > 代码 > 网页特效 > 其它特效 > jQuery触屏滑块图片验证码插件

jQuery触屏滑块图片验证码插件

移动端的jQuery图片滑块式验证码插件。用户通过拖动滑块补缺校验效果。通过触屏或鼠标拖动图片填充拼图效果代码。
分享到微信朋友圈
X

使用方法:

1、head引入css文件

<!--框架样式-->
<link href="css/bootstrap.min.css" rel="stylesheet">

<!--图标样式-->
<link  rel="stylesheet">

<!--主要样式-->
<link href="disk/slidercaptcha.css" rel="stylesheet" />

<style>
.slidercaptcha {
	margin: 0 auto;
	width: 314px;
	height: 286px;
	border-radius: 4px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.125);
	margin-top: 40px;
}

.slidercaptcha .card-body {
	padding: 1rem;
}

.slidercaptcha canvas:first-child {
	border-radius: 4px;
	border: 1px solid #e6e8eb;
}

.slidercaptcha.card .card-header {
	background-image: none;
	background-color: rgba(0, 0, 0, 0.03);
}

.refreshIcon {
	top: -54px;
}
</style>

2、head引入js文件

<script src="js/jquery-1.11.0.min.js" type="text/javascript"></script>

3、body引入HTML代码

<div class="container-fluid">
	<div class="form-row">
		<div class="col-12">
			<div class="slidercaptcha card">
				<div class="card-header">
					<span>请完成安全验证</span>
				</div>
				<div class="card-body"><div id="captcha"></div></div>
			</div>
		</div>
	</div>
</div>

<script src="disk/longbow.slidercaptcha.js"></script>
<script>
	$('#captcha').sliderCaptcha({
		repeatIcon: 'fa fa-redo',
		setSrc: function () {
			return 'http://images.sdgxgz.com/Pic' + Math.round(Math.random() * 136) + '.jpg';
		},
		onSuccess: function () {

			alert('验证通过!');
		}
	});
</script>
[声明]本站素材来自用户分享,仅限学习交流请勿用于商业用途。如损害你的权益请联系客服QQ:2447402004给予处理。
举报×
举报原因:

相关代码

二维码
意见反馈
×
×

注册

QQ注册 立即下载 新浪注册 立即下载

签到成功!

已连续签到1天,签到3天将获得积分VIP1天

知道了
全红彩票 www.179671.com-福彩快三助手官方版| www.311393.com-大发快三的运算公式| www.391271.com-腾迅彩票app| www.509513.com-新利时时彩是哪里的| www.584605.com-苏宁彩票网址| www.657001.com-79彩票平台安卓版| www.761523.com-彩票之家安全| www.832753.com-七彩照片-| www.mn6.com-江苏快三怎么看走势| www.604248.com-无忧网彩票-| www.774493.com-彩票号码有规律吗| www.859380.com-大众彩票app| www.527562.com-时时彩和值怎么算| www.654723.com-上饶体育彩票中心| www.973899.com-幸运五星彩开奖视频| www.he7.com-安徽快三入门| www.uu03.com-北京基诺彩-| www.23lw.com-新浪彩票编辑| www.2459.pw-福利彩票开奖试机号| www.09980.com-上海福利彩票怎么样| www.56674.com-重庆时时彩几点停止| www.007345.com-开体彩店装修谁来装| www.1230.la-华彩控股的十大股东| www.222549.com-快3送18彩金| www.318170.com-各彩种开奖-| www.99321.cc-时时彩遗漏选号软件| www.585090.com-好彩票网址是多少| www.670913.com-七彩色谱-| www.93147.com-竞彩篮球技巧心得| www.079932.com-满彩堂app-| www.842878.com-河南郸城彩礼是多少| www.932573.com-好运彩彩票网可靠吗| www.636622.com-彩虹六号干员原型| www.756813.com-3号彩票官网| www.839282.com-足彩欧赔及凯利指数| www.922582.com-兼职足彩-| www.987420.com-合法的网络彩票平台| www.jg45.com-吉林快三大小破解| www.65bt.com-长沙市福彩网| www.1766.vip-彩乐网福中网| www.03426.com-通盈彩票是不是真的| www.59308.com-彩铅手绘图片唯美| www.041360.com-博发彩票-| www.298041.com-各体彩一等奖奖金| www.vl33.com-快3湖北福彩快三| www.94zk.com-杨震足彩推荐更新用| www.4466.me-彩薇花生产厂家| www.39381.cc-公牛网站彩票骗人| www.020764.com-体彩基诺游戏| www.161101.com-深圳宝安区福利彩票| www.556956.com-永利彩票网提不了款| www.753557.com-世界最大彩票平台| www.882361.com-米橙购彩平台| www.aj89.com-七星彩今期-| www.37ld.com-驻马店结婚彩礼多少| www.078076.com-qq好友叫你玩福彩| www.255197.com-快三免费助手下载| www.hh01.cc-幸运快三计划网吧| www.3000.com-重庆彩遗漏看法| www.1476.pw-彩铅山水画简单| www.426223.com-彩票怎么扫码看中奖| www.551318.com-竞彩四场进球彩| www.636699.com-重庆时时彩做号软件| www.804724.com-网络购彩网站| www.905774.com-出租体育彩票机器| www.970722.com-中国的福利彩票| www.di8.com-时时彩官方网站| www.071865.com-七星彩私人做庄| www.163822.com-彩票怎么容错| www.289068.com-怎样安装人人中彩票| www.378095.com-彩虹世界电脑版下载| www.577592.com-江西时时采彩开奖| www.651957.com-r仁信彩票-| www.946607.com-河南周口的彩礼| www.kj.cc-彩票怎么兑奖| www.32nz.com-赛车彩票官网| www.5235.biz-万优彩票如何注册| www.8392.net-重庆彩合法吗| www.76628.cc-棋牌注册送彩金| www.078888.cc-3d彩票计算公式| www.166681.com-福建快三推荐今天| www.318627.com-中国购彩网骗局| www.397783.com-足彩比分推荐大神| www.521326.com-加群买彩票-| www.583506.com-竞彩足球分折网易| www.1545.net-包头彩票中心| www.31186.com-彩票中大奖采访时| www.867371.com-一定牛彩票安全吗| www.993094.com-七乐彩开奘结果| www.om66.com-河北快三预测软件| www.045151.com-绵阳福彩网点申请| www.170814.com-幸运快三口诀| www.305669.com-彩6app苹果-| www.028771.com-彩票五行生克杀尾法| www.126099.com-彩票最新开奖结| www.233915.com-河北快三最大遗漏值| www.304376.com-五分快三预测| www.365929.cc-最快查福彩开奖结果| www.42496.com-购彩之家我的账户| www.030802.com-彩票代玩是真的假的| www.196274.com-易彩彩民测速| www.324355.com-国乐彩软件-| www.390938.com-全彩本子app| www.828567.com-奥地利彩票中最大奖| www.965137.com-体育彩票选号范围| www.654782.com-凤凰快三开奖结果| www.54308.com-时时彩刷漏洞真的吗| www.467234.com-七乐彩每天几点停售| www.602779.com-买快三输了几十万| www.669596.com-易经与彩票-| www.733101.com-南京市体彩中心号码| www.791099.com-福彩选号网-| www.851207.com-腾讯时时彩下载| www.899347.com-彩虹六号围攻角色| www.965123.com-彩票江苏快三是撒| PK彩票www.8499a.com| www.hs17.com-北京体彩快中彩开奖| www.zt42.com-七彩集团有限公司| www.47mq.com-福彩东方六加一| www.771.cm-彩票3d之家-| www.971714.com-河内2分彩-| www.000201.com-万彩动画大师手机版| www.144221.com-红彩国际是骗局吗| www.290169.com-好彩客是合法的吗| www.428087.com-彩宝类的宝石有哪些| www.619951.com-中国福彩老总| www.813204.com-香港买彩金值多少钱| www.1263.pw-体彩时时彩11选五| www.54087.cc-博彩推广-| www.96878.cc-竞彩盈亏公式| www.213330.com-彩神团队是真的吗| www.284588.com-凤凰时时彩开奖记录| www.4386.vip-微信玩时彩-| www.579548.com-手机彩票网高手论坛| www.668899.cc-新乡农村彩礼法| www.751654.com-足彩胜负彩2场玩法| www.155.live-快三和值遗漏分析| www.7358.cn-彩客网竟彩专家分析| www.35134.com-数字型彩票的玩法| www.606719.com-足彩为什么停止销售| www.698578.com-浙江省福彩管理中心| www.874336.com-吉林快三开始结果| www.938617.com-988彩票官网| www.983703.com-快三营业时间| www.if6.com-新内蒙快三-| www.590881.com-中国足球彩票怎么买| www.690883.com-500彩票网斗牛牛| www.789475.com-济南彩色包装纸箱| www.880316.com-河南快三彩票网| www.cp5758.com-内蒙快三中奖规则| www.77064.com-大富豪彩票黑平台| www.436661.com-体彩十一运夺金网站| www.633511.com-属马的与彩票| www.131227.cc-河南结婚要彩礼吗| www.30491.com-彩票京东-| www.040219.com-内蒙竞彩快三| www.173039.com-牛彩湖北快三走势图| www.261575.com-快三胆码计算公式| www.346441.com-李彩桦图片-| www.409818.com-米彩昭阳照片| www.499403.com-鼎丰彩票真的假的| www.563605.com-q彩注册邀请码8位| www.636050.com-彩虹出来时阅读答案| www.313338.com-内蒙古快三开奖时间|