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天

知道了
彩39彩票安卓 www.678941.com-白菜网彩金网| www.394268.com-星期六开的彩票是| www.sv50.com-彩票33害死多少人| www.3603.cn-足球彩票一般多少钱| www.cai6044.com河北省快三结果| www.wi13.com-吉林市彩票一等奖| www.cai9111.com福建彩票快三一定牛| www.qx53.com-汪汪时时彩软件| www.20qs.com-三晋福彩网今日开奖| www.788784.com-全国360彩票开奖| www.798465.com-8彩是不是真的假的| www.387829.com-华彩益彰什么意思| www.718362.com-在线看彩票-| www.96hg.cc-湖北快三最近50期| 福利彩票www.flff4.com| www.15520.com-彩铅上色技巧| www.000178.com-诚信彩票-| www.ri02.com-有人叫我玩快三| www.803489.com-彩票专家计划| www.5720.me-排列三专家预测彩吧| www.921121.com-福德彩彩票是骗局吗| www.39070.com-彩虹6号配置要求| www.38155.cc-湖北福彩app官方| www.06869.com-福彩推荐专家| www.080230.com-彩生肖图-| www.237922.com-快三彩票走势图表| www.283636.com-5位数的彩票叫啥| www.c25.loan-澳门博彩在线彩票| www.8206.vip-徐州彩民中奖大乐透| www.58357.cc-彩经网老板走势图| www.957555.com-海南七星彩大师预测| www.cj9.com-新快三和值走势图| www.001859.com-全民彩票安全吗| www.995719.com-足彩一直买平局| www.lx15.com-青海快三遗漏号| www.273691.com-彩票pc是什么意思| www.927663.com-福彩中几位数有奖| www.br71.com-一分快三计划网址| www.9286.cm-吉林快三和值号图片| www.604047.com-体彩大乐透复式机选| www.2217.com-约彩365网址| www.365777.com-七乐彩开奖顺序出球| www.739324.com-怎么下载百盈快三| www.870366.com-阿里巴巴区块链彩票| 345彩票www.401345.com| www.4711.biz-我一定要中彩票| www.381980.com-宁夏休育彩票大乐透| www.cc24.com-吉林快三网上投注| www.130375.com-七星彩前四位算法| www.608318.com-彩吧彩图-| www.88581.com-永信218彩票下载| www.843377.cc-福彩与慈善的心得| www.89830.com-福彩高频彩销量下滑| www.225956.com-众彩骗局-| www.033312.com-炫乐彩票是骗局吗| www.092301.com-我要专业体彩| www.239278.com-五分彩私网-| www.365993.cc-水彩颜料推荐| www.505797.com-排三乐彩网胆码预测| www.048147.com-爱彩乐北京十一选五| www.120710.com-3d中奖彩票图片| www.bt09.com-七乐彩彩票过滤软件| www.505593.com-炫彩福字动态壁纸| www.374911.com-246123天好彩| www.528488.com-复式彩票怎么兑奖| www.623890.com-九歌彩票安卓版下载| www.695739.com-快乐十分助手快彩| www.775556.com-河北体彩管理中心| www.858292.com-乐购彩票app下载| www.163707.com-彩票实用口诀| www.903687.com-安徽快三3不同计划| www.970787.com-怎样破解彩票| www.cp4699.cc-湖北快三销售时间| www.mk24.com-中国福彩快三网官网| www.z55.biz-明代红绿彩瓷器| www.46gg.com-江苏七位数体彩网| www.166760.com-网上快三代理| www.231732.com-中国彩吧网开奖号| www.296684.com-江苏e球彩玩法规则| www.358608.com-中国体育彩票目录| www.2113.cm-福彩46-| www.8223.biz-大陆人到澳门买彩票| www.55361.cc-福利彩票有几种| www.003487.com-盈彩计划网站| www.070637.com-约彩官网-| www.133648.com-cp258好彩-| www.199369.com-福利彩票双色球玩法| www.263469.com-中国体彩有哪些种类| www.55228.cc-滴滴彩票苹果版| www.96715.cc-足彩大赢家即时比分| www.055265.com-送彩金平台-| www.119857.com-数字型彩票代购网站| www.456683.com-中彩缘网站-| www.567258.com-沈阳旋风彩虹机厂家| www.640234.com-新浪爱彩安卓版下载| www.708801.com-1305彩票官方网| www.776773.com-台湾福彩经典报| www.841709.com-安庆福利彩票网点| www.900361.com-乐彩论坛在哪里下载| www.960542.com-98c彩票线路检测| 中国福利彩票www.6364m.com| www.bm40.com-90彩票登陆-| www.qh01.com-好彩爆珠-| www.t27.org-互娱彩票软件下载| www.54zq.com-莲中彩票-| www.532.red-今天的天天福彩重播| www.3532.com-博彩送28免-| www.66860.cc-彩票大奖领取过程| www.022581.com-福利彩票预测网站| www.095052.com-新彩吧开奖结果| www.150374.com-甘肃体彩网11选| www.29926.cc-彩运无限安全吗| www.75362.cc-9817彩票-| www.393992.com-福彩昨天出奖号| www.550877.com-福利彩票预测技巧| www.681190.com-七星彩靠谱吗| www.789031.com-36彩票全国开奖| www.901667.com-甘肃十一选五爱乐彩| 华为彩票www.hw6689.com| www.0710.xyz-澳客竞彩app| www.13613.com-传统足彩奖金怎么算| www.80314.com-快三群犯法吗| www.069041.com-青海快三遗漏| www.197077.com-乐和彩开奖app| www.505407.com-彩票不中怎么办| www.650232.com-南京彩票兑奖地址| www.342018.com-冠彩彩票是合法的吗| www.490213.com-在淘宝上怎么买彩票| www.690663.com-宝鸡体育彩票体彩管| www.929949.com-如何看彩票九宫图| www.cai6784.com今日河北快三预测| www.uf00.com-国乐彩app-| www.45br.com-福彩门户资料图库| www.2334.com-野生七彩神仙鱼| www.11495.com-双色球选号彩乐乐| www.75243.com-福彩20元刮刮乐| www.059160.com-nba体彩分析| www.170170.com-河北快三今天推荐号| www.305057.com-9b彩票投注站| www.433014.com-福利彩票管理员| www.569564.com-博彩怎么打广告| www.730987.com-浙江福彩61生肖| www.834814.com-qq炫彩头像-| www.923323.com-彩票外围是什么| 彩皇网www.63500.cc| www.or99.com-天玺彩票主页| www.457879.com-如何科学预测彩票| www.222291.com-大发快三全天计划| www.669361.com-发达彩票是什么| www.038.date-七星彩开心彩版区| www.7736.live-体育彩票得主| www.720212.com-彩票老师司机| www.862363.com-腾讯彩票开奖查询| www.964790.com-分分彩1期计划| www.327.cc-色彩画星空-| www.26772.cc-海南七星彩三字现| www.150418.com-分分快三计算软件| www.505206.com-75秒时时彩计划| www.629702.com-彩票龙虎是什么意思| www.9871.biz-意彩怎么注册| www.mb88.cc-华宇app时时彩| www.20li.com-香江彩-| www.27745.com-黑龙江大庆快三查询| www.23zq.com-尼彩官网首页|