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.022188.com-江苏快三网骗人的吗| www.292814.com-南粤福彩-| www.669239.com-体彩p3字谜牛材网| www.878234.com-牛彩网3d图谜汇总| www.31cf.com-彩虹代刷网授权商| www.5752.top-七彩gg-| www.053664.com-网上买竞彩违法吗| www.307983.com-淘宝买彩票-| www.559359.com-体彩自助投注机| www.686873.com-上海大乐透彩票大奖| www.821140.com-佩奇彩票的网址| www.949533.com-快三甘肃开奖| www.xo.com-山西福彩快三走势图| www.f10.cc-青岛福彩中心地址| www.227920.com-江苏快三有假| www.501183.com-重庆五分彩天天计划| www.664700.com-七乐彩视频直播| www.867086.com-体彩第18158期| 福彩网www.60007g.com| 凤凰Vwww.www.fh7557.com| www.801028.com-2123彩彩票网| www.932384.com-必中彩票官网| www.cp649.com-人人彩票app| www.682887.com-福彩3d算胆软件| www.810506.com-今天青海快三查询| www.900060.cc-657彩票备用网址| www.968654.com-华盈彩票平台| www.sd87.com-计划彩票群-| www.255251.com-厘模式的时时彩平台| www.439338.com-北海彩票-| www.744757.com-网络彩票怎么做庄家| www.878708.com-江西省体育彩票| www.tj5.com-广西快三一定牛形态| www.sb65.com-体彩e球彩开奖| www.21010.cc-超级彩票合法吗| www.485913.com-好运彩开奖结果| www.13595.cc-竞彩足球直播现场| www.82166.com-下载彩票走势图大全| www.599612.com-实体店买彩票不方便| www.704570.com-万家彩票网封了| www.7805.vip-家彩网三d开机号| www.72492.com-优彩网彩票可靠吗| www.412258.com-阜阳七彩世界| www.667112.com-技术型彩民11选5| www.783121.com-腾讯分分彩坑人规律| www.810368.com-彩票新政的弊端| www.023546.com-福彩3d中奖条件| www.177061.com-三分快三怎么算| www.287045.com-彩票数据接口| www.366782.com-青蛙彩票香港开结果| www.18216.cc-色彩头像-| www.009887.com-华彩彩票app| www.ne57.com-乐优炫彩官网| www.93yh.cc-迷彩网厂家-| www.78671.cc-乐彩的官方网址| www.370938.com-彩铅花卉图片大全| www.652810.com-梦见杀鸡见血彩票号| www.794511.com-黑客重庆时时彩软件| www.886566.com-福彩三d字谜叟| www.996900.com-头奖彩票3d-| www.jd14.com-中国足彩竞猜| www.3vr.com-娱乐点金手彩票| www.83cd.com-hbwl微信福彩| www.3500.me-注册彩票送钱| www.29477.com-香港马会天空彩票| www.350819.com-彩缘论坛-| www.440742.com-百宝彩广东快乐十分| www.545503.com-竞猜足彩预测| www.661122.com-福彩15选五开奖号| www.752550.com-竞彩足球彩票平台| www.895663.com-大中华彩票可信吗| www.966855.com-紫云涧福彩预测号码| 博友彩www.876295.com| www.jx08.com-如何破解彩票app| www.8zj.cc-爱乐透彩票正规的吗| www.749928.com-分分彩票投注软件| www.852019.com-足彩分析哪个网站好| www.927008.com-江苏快三预测大小| www.014567.com-七星彩前四位预测| www.095273.com-全民彩票投注| www.163120.com-福彩排列3开奖号码| www.3939.date-tx308彩票-| www.967478.com-彩票群如何起名| www.980374.com-体彩篮球竞猜玩法| www.cp6691.com-广西新快三开奖结果| www.q02.xyz-大发快三百家号| www.715.red-私彩非法经营| www.5611.wang-福彩充值卡-| www.07422.com-全民娱乐彩票官网| www.397764.com-如何用彩铅画花| www.562992.com-体彩前三直开奖结果| www.678205.com-邳州市体彩申请书| www.816.win-新彩365app-| www.849.mobi-幸运彩票助手1.0| www.5370.cm-如何网上开彩票店| www.61883.cc-南国彩票特区论坛| www.115374.com-进球彩最新开奖| www.872094.com-q彩网是合法的吗| www.198614.com-上海快三一定牛今天| www.063225.com-彩拾彩票下载| www.0582.net-038期彩报第38| www.7916.cm-香港快三下载| www.17193.cc-竞彩截止购买时间| www.589295.com-体育竞猜彩票2串1| www.680278.com-彩中彩平台是骗局吗| www.908222.com-快乐彩票手机版下载| www.969935.com-保定双彩浴都正规吗| www.dk59.com-七星彩彩票程序| www.vl25.com-彩票中奖的数学规律| www.76815.com-优彩彩票是合法的吗| www.3608.top-福彩3d表格xls| www.8857.net-好用的彩票计划| www.39651.cc-天天中彩票游戏| www.850709.com-时时彩跨度是什么| www.914005.com-立彩是不是诈骗网站| www.983811.com-好运彩天中图库| www.cd11.com-福利彩票河南快三| www.439615.com-西安未央区福彩转让| www.823588.com-彩涂钢板几把硬度| www.882697.com-鸿彩网是真是假| www.994726.com-福彩3地字谜图总汇| www.at79.com-吉林快三开奖| www.530075.com-投彩是怎么玩的| www.586230.com-福彩七乐彩杀号公式| www.655113.com-福星七星彩app| www.716838.com-众赢彩票是什么平台| www.777061.com-好易彩票是否合法| www.08hl.com-七星彩txt微盘| www.587.date-时时彩好假-| www.17qc.com-福彩3d四码聪明组| www.5580.biz-彩票注册送88| www.341090.com-4字彩票用语| www.448253.com-彩票工具网(最新)| www.545412.com-胜负彩开奖记录| www.630528.com-大乐斗彩票怎么玩法| www.705323.com-福利彩票能买大乐透| www.786179.com-三彩网店代理| www.870676.com-亿网彩-| www.925271.com-外围足彩app推荐| www.6745.vip-921彩票-| www.23378.cc-中国体彩竞彩网首页| www.914942.com-鸿运彩票计划app| www.874127.com-福彩1d打法-| www.957479.com-体彩列五走势图| www.qr73.com-于海彩票事件结局| www.13968.cc-一分快三破解术| www.817912.com-9福彩票是合法的吗| www.882732.com-上海基诺彩票奖项| www.941577.com-彩票凤彩网下载| www.992074.com-时时彩四码技巧方法| www.am34.com-全国彩票开奖结| www.l83.com-c81彩票下载| www.067808.com-黑彩外地服务器| www.143548.com-福彩网提现-| www.253823.com-清乾隆各种釉彩大瓶| www.582603.com-58彩票三分时时彩| www.650540.com-彩虹伞的玩法教案| www.716183.com-福彩3d÷规律| www.792900.com-彩票如何直接兑换| www.852272.com-唯彩看球竞彩栏目| www.16325.cc-查询福彩3d试机号| www.419625.com-印象彩票手机app| www.544033.com-中彩票3地走势图| www.598373.com-体彩大乐透36期|