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.017668.com-中博彩票开奖网下载| www.nw8.com-一定牛彩票走势图| www.237492.com-辽宁体彩11选五| www.351797.com-彩票输-| www.492594.com-福利彩票中四号多钱| www.586776.com-世界奖金最高彩票| www.692326.com-公平彩票-| www.791482.com-京东彩官方版| www.883971.com-百姓彩坛六合在线| www.955330.com-500彩票怎么投注| 500彩票www.50026l.com| www.ka34.com-数学还能破解彩票| www.w87.xyz-奔驰彩票老师微信| 计划稳定版-彩世界开奖下载| www.2372.win-足彩3串4什么意思| www.8290.cm-彩票店销售假彩票| www.31712.cc-易彩彩票选号走势图| www.043655.com-手机正规买足彩| www.712511.com-万人彩票站-| www.835216.com-绿好彩蓝莓爆珠| www.917223.com-平台买彩-| www.977241.com-濮阳结婚彩礼多少钱| www.ah81.com-七星彩近30号码| www.sk93.com-买彩票被骗已经报警| www.12sz.com-322彩票-| www.526670.com-时时彩追号方法| www.631739.com-海南七星彩下注网站| www.723062.com-经典梯子彩票| www.377851.com-彩礼20万多吗| www.970343.com-刮刮彩代理-| www.dg49.com-福利彩票有哪些彩种| www.5qf.com-常州彩票中奖排行榜| www.632470.com-中国彩票平台排行榜| www.713509.com-中彩那天课文作者| www.791163.com-体彩大乐透机选器| www.869895.com-彩票快速查询| www.957522.com-14场足彩预测| 奔驰彩票www.74972.com| www.it32.com-01官方彩票-| www.339634.com-快三上瘾-| www.102696.com-时时彩平台信誉| www.373323.com-哪个彩票软件比较好| www.627959.com-上海褔彩11选5| www.898521.com-彩票扫一扫在哪里| www.988299.com-快三购彩小贴士| www.gf36.com-彩票端是真的吗| www.zs02.com-穆棱七彩国际影城| 亚洲彩www.68568x.com| www.ex53.com-福利彩票软件靠谱吗| www.n33.cc-我爱乐透彩票网| www.69ev.com-皇冠彩票十年| www.5228.biz-彩票带赚包赔| www.2509.cm-6彩天下-| www.287654.cc-彩票预测神器下载| www.383345.com-兼职买彩票真假| www.od12.com-福彩开奖双色球结果| www.98ij.com-彩票站点代购黑彩| www.898158.com-今天的彩民乐图| 500彩票www.66653g.com| www.103104.com-彩票追冷-| www.220133.com-快三开挂器-| www.65sq.com-竟彩十四场投注| www.4179.top-乐彩城彩票平台| www.9582.biz-福彩幸运农场追号| www.069076.com-七彩彩票-| www.67312.com-七天国际时时彩平台| www.061348.com-5a彩票是骗局吗| www.cai8388.com一分快三规律| www.040033.com-吉林快三彩票app| www.21nh.com-福利彩票考题| www.303735.com-鑫彩网诈骗-| www.427177.com-汇彩网安全吗| www.wl51.com-快三计划app| www.66vs.com-小店宝买彩票| www.1539.vip-福彩三地试机号金码| www.8829.xyz-日立彩票网站| www.665201.com-七乐彩往期开奖查询| www.2535.shop-是彩-| www.383596.com-买一百块钱的彩票| www.557878.com-爱购彩安卓下载| www.196199.com-爱彩乐上海快三开奖| www.379199.com-双彩论坛字谜总汇| www.566402.com-快乐彩票的官网| www.695395.com-足彩8场6关-| www.771926.com-盈盛国际时时彩| www.833779.com-日本加税好彩价格| www.900951.com-体彩排三-| www.978221.com-富民彩票登录| www.kd87.com-福彩网平台是骗| www.n72.cn-怎样才能看懂彩票| www.49fx.com-七彩语文杯2018| www.129499.com-南京众彩水果价格表| www.303261.com-七彩国际-| www.444104.com-福彩三地走和走势图| www.563701.com-福利彩票机器人| www.630395.com-今天3d福彩彩报| www.736292.com-彩票回血上岸经验| www.253757.com-华宇彩票手机版| www.08tv.com-超级七星彩下载安装| www.80eo.com-3d老司机全民玩彩| www.92368.cc-陕西福彩中心app| www.071005.com-重庆易约约彩真假| www.729548.com-8k彩票app主页| www.822543.com-3218彩城彩票| www.927975.com-时时中彩票官网手机| www.995986.com-福彩pk拾攻略| www.bx74.com-福彩快三单式| www.32619.com-cc国际彩球网| www.790415.com-彩票选号王软件下载| www.886920.com-ⅴ8彩票平台| www.986330.com-中国彩吧助手走势| www.ps.cc-福彩快三赌博违法吗| www.ky52.com-外蒙中信快三| www.03fd.com-安徽福彩快3加奖| www.65os.com-彩票站怎么样| www.868257.com-湖北快三推荐资讯| www.954075.com-好彩蓝莓双爆| www.cp082.com-福彩快三江西开奖| www.108157.com-3d彩票字谜图谜| www.ca.com-北京福利彩票快3| www.n58.win-爱彩票平台官网| www.45qf.com-厦门体彩店转让| www.96327.cc-彩票识别码研究| www.73173.cc-长沙福彩大奖| www.061361.com-彩托骗局有哪些| www.4686.xyz-美国一分彩计划软件| www.15903.com-北京泳哥福彩| www.35370.com-中国彩票有多假| www.81412.com-江苏快三登录| www.085061.com-天天中彩票苹果版| www.33974.com-杭州快乐彩-| www.76650.com-各种彩票获奖介绍| www.053959.com-亚搏彩票app| www.149198.com-35351人人中彩| www.230183.com-彩票666下载安装| www.38rh.com-微信有人推销买彩票| www.445855.com-彩金能换黄金吗| www.365295.cc-北京体彩11-| www.cai6299.com上海彩票快3走势图| www.ni84.com-福建即乐彩玩法| www.h25.tv-古建彩绘图片大全| www.26973.cc-福利彩票新出游戏机| www.967476.com-易彩票趋势图| www.s00.com-广西体彩在哪兑奖| www.721752.com-单场足彩比分结果| www.844489.com-中国有没有中彩票的| www.907528.com-重庆时时彩赚钱方法| www.753652.com-福彩过年停售几天| www.20ox.com-七星彩16-| www.40866.com-新版跑狗图牛蛙彩票| www.031680.com-七星彩历史号码查询| www.093114.com-上海彩钢复合板设备| www.yc10.com-中国彩票最大奖| www.946.in-体彩数字彩-| www.289878.cc-大赢家彩票官方正版| www.064518.com-为什么叫重庆时时彩| www.998021.com-好运来彩票网址| www.x86.space-武汉体彩11先5| www.36pr.com-七星彩138-| www.0244.org-彩票餐馆-| www.9034.loan-百度福彩-| www.51873.cc-安徽福彩3中奖新闻| www.89768.cc-福彩3地今天预测号| www.787830.com-胜负彩19055|