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天

知道了
亚洲28 www.092195.com-新浪爱彩比分| www.786565.com-全民福彩是否合法| www.900565.com-快三彩金-| www.969863.cc-福彩3d秘密通道2| www.dq35.com-湖北快三今天开奖i| www.869613.com-我要查彩票开奖情况| www.009478.com-三d彩票每天开机号| www.263098.com-海南体彩飞鱼| www.155482.com-福利彩票分析预测| www.285199.com-浙江彩票有快三吗| www.382620.com-胜负彩最快开奖结果| www.544026.com-福彩小军3d第二版| www.157222.com-竞彩单场为什么关闭| www.270119.com-彩六官方下载app| www.366675.com-彩铅可以调色吗| www.x85.cc-武汉体彩网点查询| www.67uk.com-华达竞彩现在能用吗| 500彩票www.26299a.com| www.68238.cc-河南七星彩历史开奖| www.895095.com-华彩在线是不是骗局| www.018796.com-三分快三预测网| www.6965.cm-融彩网是违法的吗| www.175187.com-吉林快三平台注册| www.353828.com-彩票和股票哪个好做| www.698.cm-竞彩赔率总结| www.313011.com-福彩好运十倍规则| www.413077.com-篮球竞彩胜分差| www.527973.com-老时时彩数据遗漏| www.599566.com-微信彩票代理| www.680567.cc-百乐门彩票真的假的| www.868377.com-七星彩规律怎么看的| www.953362.com-江苏快三点数计划| 500彩票www.652631.com| www.jw63.com-彩虹周杰伦| www.568261.com-正规彩票赚钱项目| www.245981.com-江苏体彩官方网| www.697166.com-体彩虚拟足球技巧| www.874178.com-彩票代销者-| www.645.net-时时彩苹果版| www.53361.cc-时时彩推广图片| www.639643.com-支付宝上兑换的彩票| www.9166.in-七色彩虹床单四件套| www.69821.com-海南福彩额度| www.082393.com-网上买彩票怎么处罚| 凤凰彩票www.77802x.com| www.09265.com-广东体彩电话业务| www.08ge.com-福彩内蒙古快3| www.28506.com-合发彩票注册下载| www.139986.com-贵州快三投注模拟| www.933726.com-东彩娱乐是不是违法| 天天彩票www.106267.com| www.86779.cc-竞彩猫破解-| www.590608.com-彩票彩经网走势图| www.673231.com-七星彩最大奖| www.668504.com-华人会彩票app| www.1234.top-快三有多少个黑号| www.8593.xyz-彩票店电视软件下载| 华为彩票www.hw8889.com| www.737469.com-v5彩票送彩金| www.jz83.com-常州彩票中奖新闻| www.41bq.com-玩赚彩票旧版| www.024225.com-磁县彩票店转让| www.180320.com-福彩快391彩神| www.66081.cc-3d福彩幸运码| www.480333.com-甘肃快三预测机| www.969327.com-追号买彩票有希望吗| www.21077.cc-杭州体育彩票直播| www.576901.com-重庆腾讯彩-| www.086.space-烟台市彩票兑奖地址| www.060653.com-两分彩计划软件| www.7988.pw-博彩堂6肖-| www.796837.com-中国体育胜负彩| www.902496.com-黑彩绑定的银行卡| www.967695.com-招聘彩票计划导师| www.27ue.com-缅甸时时彩合法吗| www.0314.name-彩票怎么好推广| www.5907.cm-人民币彩礼图片| www.3752.biz-海口体彩飞鱼| www.32217.cc-易彩彩票邀请码是| www.311214.com-神圣彩票怎么样| 大赢家彩票平台www.307281.com| www.731618.com-易彩集团是不是真的| www.883313.com-福建福彩中心地址| www.964094.com-新彩吧福利3d字谜| www.ct4.cc-快三投注第一门户网| www.873141.com-北京多乐彩-| www.945635.com-福建省福彩快乐| 福彩网www.055y.cc| www.819419.com-中了彩票有什么坏处| www.5657.top-高频彩什么时候开奖| www.47240.com-体彩小站宝怎么注册| 彩票3www.808523.com| www.470101.com-国内怎么买国外彩票| www.568546.com-微彩论坛排列5| www.724861.com-中彩彩票在哪里| www.788882.com-天价彩礼-| www.875707.com-福利彩世界下载地址| www.969515.com-各种彩票精准计划| 众乐彩票www.589344.com| www.028942.com-广西快三组合走势| www.112141.com-3亿彩票中奖者| www.176220.com-江苏快三稳赚计划| www.236018.com-竞彩500篮球| www.94vu.com-500彩票怎么买| www.706091.com-福利彩票兼职靠谱吗| www.896986.com-彩世界彩票-| www.977009.com-彩礼两万-| www.ev33.com-甘肃福彩快三| www.541849.com-360彩票一购彩| www.993622.com-彩票双色球专家群| www.258005.com-快3彩票开奖结果| www.388760.com-买彩票中奖图片| www.507921.com-海博大乐透预测彩吧| www.603613.com-高频彩如何赢钱| www.52911.com-港版绿好彩在哪里买| www.265058.com-福彩快三兑奖期限| www.462244.com-黑彩挣钱-| www.192211.com-福彩快三彩票一| www.264425.com-app买彩票违法吗| www.331968.com-湖北省体彩兑奖办法| www.cp9519.com-2020中彩吧网站| www.mk14.com-体育竞彩足球app| www.f93.club-今日体彩太湖字迷| www.82159.com-ig传统彩合法吗| www.99397.com-双色球专业玩彩分析| www.9692.biz-彩宝下载网站| www.227998.com-彩票开奖大乐透玩法| www.964929.com-114彩票旗舰网| www.iw.com-彩票是赌博-| www.sa63.cc-时时彩个位杀一码| www.34st.com-sk印象彩票下载| www.2322.cc-广东快三-| www.9045.cm-nba彩票推荐分析| www.38zl.com-世界杯猜冠军彩票| www.976.red-七星彩兑奖方式地点| www.5940.cn-中国福利彩票公司| www.06066.cc-258竞彩网首页| www.104422.com-360竞彩足球| www.852902.com-北京福彩网下载| www.929289.com-盈彩彩票app安卓| www.990017.com-彩报中心3d图库区| www.zs4.cc-二分快三同号计划| www.02en.com-彩虹色头发-| www.99pg.cc-彩票分析图片| www.054277.com-端彩祥云下载| www.24530.com-彩铅画简单初学者| www.69ue.com-手机买彩票如何兑奖| www.66353.cc-彩票正版藏机图今日| www.750789.com-梦到开宝马车买彩票| www.868276.com-五分彩计算公式| www.904011.com-深圳彩票平台开发| www.8248.net-高仿彩票-| www.751702.com-世界杯足彩赔率| www.838069.com-10086彩票-| www.910056.com-一点通彩吧图| www.966015.com-彩票怎样看-| www.gh1.com-开彩票店经历| www.234214.com-哪个网站可以买彩票| www.325788.com-新浪手机网彩票| www.383978.com-彩名堂手机客户端| www.818314.com-汕头福彩领奖在哪里| www.67763.cc-利民彩票正规吗| www.917011.com-132彩票官-| www.211529.com-温州快三走势图|