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天

知道了
彩01彩票 www.77ho.com-r8国际彩票假的吗| www.7336.wang-鑫彩网彩票app| www.33668.com-袁老师看彩河南| www.87839.com-美狮彩票-| www.060071.com-深圳彩神喷绘机配件| www.222067.com-大赢家5分钟彩票| www.310973.com-80彩票app-| www.390368.com-重庆时时彩漏洞在哪| www.552547.com-亿万彩票梦下载| www.649119.com-七彩辣椒种植| www.730190.com-重庆实时彩技巧| www.813714.com-福彩和体彩怎么代理| www.887745.com-天天彩票是否合法| 大玩家彩票www.717229.com| www.lq87.com-旺彩大乐透神奇软件| www.u13.cc-深圳体彩申请| www.62pa.com-云跨境app彩票| www.1190.tv-七天彩合法吗| www.06066.cc-258竞彩网首页| www.59100.com-彩易网app-| www.029867.com-彩神百家号-| www.113098.com-中釉彩涂釉拍卖| www.191237.com-幸运快三计划app| www.272236.com-快三怎么买中奖率高| www.397395.com-彩票快彩脚本| www.528213.com-网上买彩票群| www.621906.com-彩虹8-| www.700197.com-中国福彩有几种玩法| www.787846.com-中国传统足彩| www.871411.com-福彩3d全图总汇| www.972026.com-怎样才能买中彩票| www.cb48.com-彩票店搞黑彩| www.wc48.com-冀彩宝购彩大厅| www.20ij.com-新浪胜足彩-| www.755.me-爱彩人彩票安全吗| www.5266.tv-彩经网工具箱下载| www.13820.cc-新浪爱彩投注| www.60645.com-七乐彩走持图| www.059368.com-体彩五大联赛| www.144809.com-时时彩外挂稳赢技巧| www.239009.com-火箭彩票vip版| www.319516.com-安徽快三开奖结果| www.394367.com-彩虹世界软件下载| www.543002.cc-金凤凰彩票平台| www.630267.com-福彩3月24号开奖| www.707570.com-1号彩下载-| www.788276.com-365足彩推荐| www.866824.com-星期五哪个彩票开奖| www.937648.com-福利彩票8079b| www.997234.com-全民快三是什么东西| www.qn9.cc-红旗彩票极速快三| www.rd73.com-体育彩票七位数规则| www.11qc.com-越南内河时时彩| www.82re.com-幸运2分彩计划| www.2365.in-足彩310星像图| www.8282.biz-幸运彩一52xy| www.31944.com-易彩堂主页| www.77700.com-悟空彩票有人玩吗| www.031780.com-爱彩乐首页-| www.112049.com-竞彩宝安全吗| www.186699.com-安徽省快三开奖| www.263716.com-香港天天彩票资料| www.539842.com-彩票中的数学概率| www.618460.com-离我最近的体彩站点| www.681584.com-豪彩登录平台登录| www.765401.com-最专业七星彩解诗网| www.891252.com-最幽默的彩票广告语| www.964033.com-欢迎光临500彩票| 爱彩乐www.631918.com| www.jj61.com-网上那些带你买彩票| www.c65.in-百宝彩客服-| www.33dw.cc-体彩排列三图谜彩报| www.1168.pw-彩票金句-| www.7654.org-彩票图标大全集| www.25762.com-彩店宝彩票电脑版| www.69205.com-众博彩票网站| www.055016.com-江苏快三专家| www.134003.com-七天彩大发快三主页| www.211240.com-湖北快三开奖今日| www.283185.com-七星彩规则说明| www.388774.com-足球彩票图片恒大| www.511185.com-彩虹蔡依林-| www.581058.com-香港马彩-| www.654663.com-宜春体彩店-| www.761330.com-上海快三开什么号码| www.839228.com-75彩app-| www.896007.com-福彩3推荐号码| www.954630.com-彩票宝app下载| www.997132.com-百度彩票重庆时时彩| www.fo6.cc-一分钟时时彩骗局| www.ny40.com-时时彩稳赚不赔绝招| www.6cx.com-天福合买购彩平台| www.61av.com-福彩娱乐app| www.0099.loan-关于彩的昵称| www.7867.win-胜负彩购彩心得| www.26115.cc-体育彩票nba竞彩| www.66521.cc-新加坡乐合彩| www.042202.com-体彩竞彩足球怎么玩| www.126903.com-怎么下载菠萝彩软件| www.197219.com-马来西亚万能彩票| www.266504.cc-即时開彩-| www.367286.com-彩铅手绘樱花树教程| www.457599.com-恒大彩票官方注册| www.545125.com-武汉福彩机转让| www.650952.com-3d水彩画壁画| www.734365.com-3d凤彩网预测| www.804029.com-福彩3字谜图谜总汇| www.866787.com-福彩近期开奖号码| www.918585.com-955彩票靠谱吗| www.968384.com-英国时时彩资讯网| www.nb47.com-利用福彩快三做黑彩| www.m70.cc-体彩卖福彩吗| www.39si.com-7星彩复式怎么投注| www.0454.cn-彩票平台怎么做代理| www.6641.org-启航全天时时彩计划| www.15368.cc-彩库宝典官方版下载| www.55819.com-彩78app可靠吗| www.96397.com-福彩三d天气网| www.058221.com-彩票交流群官方端口| www.234266.com-江苏快三在哪里买| www.304416.com-分分快三作弊器免费| www.369407.com-118彩票官网注册| www.454245.com-乐彩会员心水资料| www.537592.com-有彩色系有哪些| www.657964.com-安徼快三开奖| www.737002.com-体彩三字谜-| www.804433.com-下期体彩七星彩预测| www.875384.com-快三平台怎么吃钱的| www.964826.com-吉祥彩票注册网址| 中彩网www.81233y.com| www.en95.com-快频彩票网-| www.tr93.com-168彩票接口| www.8ch.cc-500彩票输了包赔| www.57ek.com-七星彩奇偶大小| www.815.org-怎么制作彩虹玫瑰| www.4424.vip-福彩群英会预测软件| www.9200.live-下载乐透啦彩票| www.79707.com-海南竟彩快三查询| www.026286.com-周易与彩票选号技巧| www.095176.com-福彩视频讲座| www.152710.com-4scc彩票网-| www.264655.com-网络彩票新规定| www.347228.com-彩票大奖中奖故事| www.416318.com-988彩票-| www.509089.com-中国体育彩票投诉| www.574546.com-如意彩免费资料大传| www.639035.com-体彩申请网点| www.761184.com-德州快三查询| www.836387.com-湖南体彩幸运赛车| www.895096.com-优彩社区论坛| www.954918.com-彩票刷七码什么意思| www.992676.com-新疆喜乐彩开奖| www.cp102.com-一分快三彩票软件| www.ir03.com-七星彩票中奖规则| www.xk00.com-提前预测吉林快三| www.10ds.com-1分快三是官方彩吗| www.69fv.com-福乐彩官网-| www.0099.bid-微信彩票头像| www.8638.bid-中乐彩注册-| www.35271.com-七星彩小说百度云| www.72588.com-福彩3d报纸10期| www.033979.com-竞彩网篮球比分| www.112043.com-起他走彩帝-| www.173052.com-宁夏快三开奖|