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天

知道了
9彩注册 www.303588.com-足彩论坛虎扑| www.139366.cc-竞彩之家官网登录| www.cz06.com-福利快三软件| www.1623.cn-彩票表情包下载| www.55558.cc-篮彩竞彩篮球| www.086599.com-彩票自助终端机投资| www.664255.com-牛爹七星彩头尾资料| www.864188.com-体彩任选14场胜负| 百姓彩票www.bxcp3.com| www.05pf.com-七星彩今日开奖| www.6567.cm-鑫彩晶瓷王美缝剂| www.356094.com-金源彩票app| www.551165.com-万豪彩票有苹果版吗| www.672530.com-时时彩在线做号| www.784204.com-福利彩票开奖视频| www.866425.com-福建体彩手机投注| www.943299.com-快三怎么刷流水赚钱| 彩虹8www.ch8567.com| www.hc19.com-8彩套路-| www.h74.shop-竞彩新规-| www.81dl.com-8g彩票网站-| www.2590.cc-数学天才计算彩票| www.8983.top-马来西亚分分彩官网| www.017931.com-4亿彩票-| www.cp7551.com-中国福利彩票官网| www.14ps.com-苏州e球彩票| www.464896.com-pp彩票赚钱-| www.331225.com-csw588彩神-| www.fj90.com-湖北快三精准计划网| www.m91.net-十大黑彩-| 500万彩票www.96386c.com| www.130095.com-055hcc福彩网| www.247000.com-上海福彩银彩通| www.333676.com-赠送彩票能中奖吗| www.412382.com-688彩票被封号| www.517211.com-靠谱的彩票平台国外| www.592220.com-彩虹六号加载太慢| www.679727.com-中华彩吧福彩| www.776122.com-盛源彩票手机app| www.865697.com-熊猫彩票网站| www.978469.com-中福快三下载安装| www.111752.com-足彩职业-| www.678405.com-福客来彩票北京| www.779267.com-七星彩粟开奖结果| www.891103.com-彩票幽默句子| www.974150.com-正规腾讯分分彩平台| www.cp879.com-快三是官网吗| www.yf53.com-深圳快彩走势图今天| www.35gj.com-南国体育彩票| www.1189.cm-关于彩票的灯谜| www.oj70.com-琓彩人杀一码| www.82758.com-腾讯分分彩对子规律| www.503223.com-艺彩印刷厂-| www.592658.com-湖南亿彩快三| www.554916.com-买彩票亏了很多钱| www.649234.com-粙彩-| www.91lz.com-44557鸿运彩票| www.3522.vip-微彩站怎么注册账号| www.704.cc-天津时时彩投注站| www.54319.com-福利彩票被国家承包| www.625157.com-七星彩推荐号码| www.709578.com-网络彩票情感诈骗| www.790074.com-不中彩票的号码| www.cai9677.com安徽快三奖金对照表| www.sm32.com-重庆时时彩官方通知| www.629.cc-欢乐十分彩网上玩法| www.29987.cc-忆彩彩票下载| www.70201.com-佰万彩票网真假| www.325686.com-360彩票大厅首页| www.552391.com-好盈彩-| www.790908.com-怎样破解快三程序| www.923811.com-4亿彩票网站| www.sw7.cc-老时彩五星走势图| www.7gq.com-体彩复式怎么玩| www.2233.ren-约彩彩票·apk| www.69469.com-最好的竞彩投注计划| www.511889.com-彩铅难吗-| www.662092.com-天美彩票-| www.989255.com-福直3d彩吧助手| www.ha35.com-湖北快三彩票2元网| www.n64.biz-广东十分彩走势图| www.56ca.com-彩之源彩票是真是假| www.0418.vip-舟全乐图彩网| www.6265.biz-时时采彩走势图龙虎| www.17164.com-大乐透彩票价格| www.69383.com-福彩快三守号技巧| www.022513.com-研究彩票走势有用吗| www.779960.com-瑞祥彩票-| www.bj24.com-正规福彩快三app| www.vz42.com-福彩快三倍率多少| www.20fj.com-马竞尤文足彩| www.751358.com-瑞彩祥云彩票微信群| www.889195.com-易彩快投注-| www.2453.top-够买彩票软件哪个好| www.43600.com-爱彩a22下载| www.026764.com-快三怎么赢钱保盈| www.877752.com-台湾五分彩开奖号码| www.eo51.com-北京快三投注大或小| www.6pg.com-易彩网官网下载| www.5770.biz-拾彩贝简谱-| www.73586.com-170彩票-| www.074723.com-彩富报码-| www.192125.com-308彩票app-| www.313882.com-幸运彩票怎么破解| www.456038.com-4s彩票现场直播| www.593953.com-彩吧开奖公告| www.720059.com-七星彩怎么胆拖| www.858151.com-天下无敌彩报图| www.954905.com-85彩票下载-| 大赢家彩票平台www.211857.com| www.d95.club-竞彩足球8串1全包| www.179085.com-快三毁人-| www.244711.com-内蒙福彩双色球| www.xr50.com-身无分文买彩票| www.73pz.cc-彩壹万诚信网站| www.32879.com-彩票双色球开机号| www.008439.com-智慧彩是什么| www.118342.com-手机购彩uu快3| www.289337.com-快三单式中两个号码| www.9747.loan-大乐透彩宝下期预测| www.509589.com-时时彩开奖源| www.589092.com-竞彩网开奖视频| www.664750.com-彩妹杀号公式| www.740527.com-澳门傅彩网站| www.815960.com-河北十一爱彩乐| www.cp0417.com-福彩河北快三走势图| www.oi39.com-天津快三开奖查询| www.21dr.com-彩票平台数据接口| www.318301.com-49c彩票登录| www.399717.com-南海网南国彩票社区| www.619972.com-杏彩赢钱能提款吗| www.693797.com-彩乐乐机选双色球| www.771980.com-江苏快三分布走势| 众彩www.548116.com| www.rk14.com-釉彩大瓶-| www.73is.com-炫彩背包解锁颜色| www.4158.vip-彩虹的重力番外| www.385663.com-588cc彩票网| www.22jg.com-幸福又见彩虹百度云| www.695500.com-网易足球竞彩| www.804545.com-台湾彩虹旗什么意思| www.868442.com-1分快三软件下载| www.928917.com-彩拍ios软件下载| www.979541.com-晚晚好彩今晚图片| www.144350.com-名爵时时彩平台网址| www.cr82.com-168彩票官网登录| www.313947.com-3d彩报图今天的| www.482005.com-买两个数字什么彩票| www.49tf.com-青岛彩票-| www.3667.xyz-新浪竞彩电脑版| www.373116.com-彩民村网址-| www.kh6.com-贵州福利彩票官网| www.138311.com-新彩网app下载| www.983938.com-518彩票是真的吗| www.2022.cc-凯发彩票骗局| www.465150.com-红8彩票网址多少| www.560921.com-福彩3d五行选号| www.650153.com-美利坚博彩-| www.883986.com-国丰彩票是不是黑彩| www.972896.com-日彩网怎么赚钱| www.cp800.cc-那省快三-| www.mw90.com-人人与彩票软件| www.870937.com-彩票缩水助手| www.962060.com-彩票彩民版是真的吗|