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.50255.cc-778彩票下载| www.0966.pw-四场进球彩合买投注| www.058608.com-高频彩开奖直播网址| www.539508.com-釉上彩和釉中彩| www.1867.xyz-彩票巴士新版下载| www.42139.com-打错彩票中大奖| www.030045.com-海南四码彩票兑奖| www.296457.com-江苏快三开奖图| www.606997.com-福彩3d神算子送胆| www.994230.com-彩票幸运选号器下载| www.177272.com-大发快三计划预测| www.488556.com-天天竞彩推荐| 彩票大家乐www.21202b.com| www.d85.com-128彩票网靠谱吗| www.0551.pro-乐彩老道算三d| www.m77.cn-彩票提现需要流水| www.1774.com-8g神话彩票投注网| www.23459.com-中国体育竞彩彩票| www.037793.com-手机下载双色球彩票| www.015096.com-巨丰彩票怎么样| www.75wh.com-新浪足彩电脑版| www.6633.hk-c9.com彩票-| www.32986.com-体彩七位开奖| www.153368.com-体彩是几位数选6| www.257173.com-黑彩网站-| www.338470.com-天易彩票下载| www.444155.com-最精准彩票计划| www.546823.com-如何申请彩票销售点| www.cai9955.com河北快三走势图和值| www.997069.com-六合官网彩开奖结果| www.vy59.com-手机玩快三-| www.26769.com-私彩七星彩稳赚技巧| www.115671.com-彩色水磨石效果| www.275701.com-快三玩儿法-| www.495277.com-电子竞技游戏博彩| www.575276.com-时时彩平台能改单吗| www.659045.com-财神会彩票正规吗| www.741598.com-快三速查表设计图| www.822533.com-爱博彩票0098| www.899042.com-福彩3d网上怎么买| www.966338.cc-福彩帮投跟单| 博友彩www.832795.com| www.nz70.com-易彩乐-| www.08xg.com-彩票合买领奖| www.85yi.com-铁人铁蛋彩吧图库| www.2867.biz-腾讯分分彩人工计划| www.9175.biz-七星彩万字正版图| www.66604.cc-彩票3d下载-| www.017013.com-江苏快三全天多少期| www.024115.com-十亿彩票-| www.318049.com-悉尼快5彩票| www.566872.com-彩神通四码是真的吗| www.700036.com-五分时时彩软件下载| www.847556.com-福彩计划是什么| www.571308.com-时时彩反长龙技巧| www.367900.com-刚力彩芽男-| www.555285.com-微彩是赌博吗| www.683915.com-体彩排列五跨度| www.786152.com-海南私彩论坛头尾| www.vx91.com-大发快三稳赚| www.424.org-巴西三分彩官网开奖| www.097057.com-2019网上购彩票| www.184558.com-快三三军怎么算中奖| www.263556.com-3d彩吧彩报第二版| www.58258.cc-迪士尼彩乐园app| www.7802.me-竞彩分析心得| www.38636.cc-彩运宝下载安装| www.90377.com-彩票77网-| www.069054.com-体彩任选2-| www.137560.com-e8彩票平台-| www.247941.com-蒙快三-| www.673586.com-香港足彩网站| www.084318.com-快三大小倍投方法| www.153258.com-时时彩定位杀号方法| www.al52.com-河南快三投注计划| www.428900.com-正好彩票网首页| www.996335.com-彩票北单怎么买| www.608779.com-派彩金额-| www.057546.com-玩快彩怎样才能赚钱| www.482582.com-长春吉康彩溢大选| www.6399.org-胜负彩推荐app| www.257920.com-038彩票上瘾了| www.606671.com-足彩停售2019| www.751877.cc-1彩娱乐代理| www.cp7331.com-5分快三群骗局揭秘| www.85yx.com-中国七乐彩开奘时间| www.8084.com-永利彩票下载| www.59769.com-最美的彩虹歌词| www.775457.com-慱发彩票-| www.025941.com-3号彩票平台| www.157108.com-英国5分彩结果| www.266757.com-吉林快三赌博| www.368567.com-爱购彩票是骗局吗| www.564659.com-河南快三走势图新闻| www.715578.com-爱购彩票是合法的吗| www.y38.com-彩票网站被黑| www.0887.loan-好球彩票官方网站| www.86227.com-七星彩201分析| www.183697.com-河南快三专家推荐号| www.566699.com-福彩3d专业彩搜网| www.705618.com-异地买彩票-| www.825181.com-竞彩猫陆慧明微博| www.946783.com-彩钢瓦围挡有色差| www.cp2.live-精彩十分玩法奖金表| www.578389.com-濮阳体彩中心电话| www.659183.com-欧洲杯足彩app| www.817138.com-帮人投注彩票骗局| www.904024.com-彩神v10下载| www.983819.com-中国福彩主任| www.gp.com-038彩票计划| www.ls43.com-大中华彩票下载| www.06lf.com-南京彩票兑奖中心| www.71wp.com-如何看体彩走势图| www.3681.wang-6开彩c8万彩吧| www.01362.com-彩票是国家办的吗| www.75221.cc-福彩刮刮乐过期| www.54947.com-足球彩票18096| www.111508.com-盈彩网有app吗| www.203281.com-江苏e球彩开奖直播| www.8442.pw-福彩今晚开什么特马| www.027867.com-易彩国际靠谱吗| www.163835.com-彩票最合适怎么容错| www.273211.com-福彩文化理念| www.416077.com-a彩娱乐登录地址| www.565345.com-福彩3d今晚怪字帖| www.697152.cc-下载大乐透彩票软件| www.818001.com-足彩澳门即时盘比分| www.937236.com-k彩福地2·0| www.cai0922.com安徽福利快三| www.985.online-下截七星彩长图| www.5181.biz-彩友会公正-| www.18542.com-彩票狂人王成周视频| www.020080.com-湖北体育彩票网| www.098522.com-国彩网址-| www.666977.com-乐彩vip网页版| www.32at.com-竞彩玩法返奖率| www.0832.bid-智能彩票机器人| www.9570.cc-狂欢彩票网址| www.69pu.com-爱彩人彩票网可靠吗| www.4674.xyz-竞彩让球计算器| www.14868.com-6和彩生肖开奖结果| www.52281.cc-好彩票a-| www.95369.com-福利彩票开奖公证处| www.057553.com-快彩平台怎么样| www.251133.com-彩8彩票安卓旧版| www.323230.com-百度乐彩下载| www.400295.com-足彩延期什么开| www.566327.com-六合娃娃彩票开奖网| www.635474.com-泰国博彩公司上班| www.754608.com-六e彩票-| www.855112.com-爱彩是真的能赚钱吗| www.947216.com-中国彩票造假| 福利彩票www.8039b.com| www.cd83.com-亿彩彩票有猫腻吗| www.rc43.com-极速时时彩有技巧吗| www.0671.xyz-体彩机器换纸| www.7928.vip-台湾百万彩官方网站| www.34960.com-百度乐彩网下载| www.75547.com-59彩票下载-| www.021371.com-幸运分分彩开奖官网| www.084639.com-计算彩票中奖的软件| www.140072.com-彩票站可以投诉么| www.210713.com-彩票网站哪个好| www.275007.com-众博时时彩-|