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.637383.com-彩虹六号租号玩不了| www.763888.com-中彩在线真的假的| www.862708.com-上海天天彩选4开奖| www.944727.com-新浪手机爱彩网| 全民彩票www.qm71.com| www.am24.cc-查询彩票-| www.v19.club-竞彩高手哥微信| www.314022.com-手机看舟山体彩飞鱼| www.485525.com-彩票系统最新排行榜| www.578832.com-福利彩票素材图片| www.658965.com-彩票怎么查询| www.797194.cc-天津时时彩直播网站| www.876767.com-极速时时彩开奖网站| www.953945.com-彩票追号计划器| PK彩票www.8499g.com| www.iy35.com-浙江省体彩兑奖中心| www.d91.cn-乘风网彩票靠谱吗| www.38dt.com-时时彩大底-| www.0180.org-银海彩报图片| www.003133.com-今日福彩三地藏机图| www.130472.com-彩票扫描查询选号| www.231970.com-买彩票破解器| www.056203.com-嘉定机选中奖彩民| www.198773.com-乐彩三d17500| www.6528.vip-五百彩票购彩大厅| www.34794.com-牛彩论坛手机版| www.89973.cc-七星彩机选投注在线| www.055195.com-福利彩票有哪些种类| www.194654.com-腾讯分分彩官网| www.271176.com-最贵好彩香烟| www.cp5718.com-河北省快三专家预测| www.e75.net-海南七星彩头尾资料| www.65jk.com-体育彩票购买网站| www.19274.com-麒麟彩票骗局手机版| www.79649.com-足球彩票算加时吗| www.050808.com-k彩彩民中奖福地| www.127403.com-彩客竞彩让球胜平负| www.206180.com-彩之王彩票-| www.272782.com-彩票到年底-| www.342940.com-体彩历届开奖| www.447745.com-福彩3d老杨说彩| www.539693.com-上海快乐彩11选五| www.701191.com-中五亿彩票交多少税| www.780979.com-最美的彩虹歌词| www.5314.biz-中国体彩微信购买| www.411239.com-越南五分彩平台| www.526699.com-时时彩追号绝招| www.108785.com-网上彩票有赢钱的吗| www.245556.com-易彩一分快三下载| www.316028.com-体彩店与竞彩店区别| www.388026.com-华彩益彰成语| www.503055.com-众彩网叶子3d预测| www.569342.com-今天的彩民乐图文版| www.090016.com-600彩票平台| www.188415.com-体彩内蒙古11选5| www.279321.com-新浪时时彩开奖号码| www.351108.com-体彩有世界杯彩票吗| www.438066.com-博友彩软件靠谱吗| www.522929.com-时时彩万位是第几球| www.81ta.com-袁泉投票综艺福彩| www.6655.biz-双色球字谜乐彩网| www.gl45.com-四川体彩网站| www.896328.com-彩票黑客软件| www.994158.com-炫彩油画-| www.39115.cc-中彩财团致富中心| www.029065.com-唐龙说彩怎么关了| www.9270.in-v9彩票下载安装| www.071505.com-人人竞彩apk| www.168325.com-好彩3-| www.279382.com-时时彩压豹子的规律| www.375996.com-竞彩合买违法吗| www.503539.com-计算器竞彩足| www.887556.com-下彩网客服电话| www.967299.com-福彩双色球选号秘籍| www.ws65.com-微彩彩票-| www.c68.org-龙彩居士体彩排三胆| www.62pw.com-彩票中奖的税率| www.325702.com-七星彩开奖记录今晚| www.517570.com-永信皇冠彩票| www.589550.com-1183图库彩图| www.656535.com-k彩民福地登录| www.776790.com-北京丹彩快三骗局| www.846236.com-彩票是不是太假了| www.911420.com-湖北快三未出统计图| www.966671.com-彩票手机机选下载| www.iw32.com-凤凰vip彩票下载| www.o13.org-分分彩彩票计划软件| www.77hb.cc-重庆时时彩第53期| www.978423.com-天然彩色宝石| www.ax1.com-玩彩票-| www.uq82.com-彩票交流-| www.692618.com-网络彩票请问合法吗| www.764885.com-808彩票网册子| www.828972.com-梦见自己中彩票了| www.893756.com-大财神彩票-| www.x24.blue-彩神il是真的吗| www.82qp.com-幸运快3彩-| www.905444.com-e球彩守号技巧| www.972339.com-福彩6十1开奖公告| 大赢家彩票平台www.721662.com| www.tg57.com-彩票和值怎么研究| www.35.gg-大数据彩票分析| www.76ef.com-美国45秒彩平台| www.585605.com-财富彩票登录| www.650357.com-nba博彩上哪买| www.743667.com-随便买彩票能中吗| www.813624.com-宁夏彩票中奖去哪领| www.874871.com-新宝彩票登录| www.70202.cc-竞彩让胜是什么意思| www.311525.com-五福彩票正规吗| www.396668.cc-环球彩票平台下载| www.010203.cc-彩票加盟代理| www.323362.com-大富翁彩票网站| www.422787.com-彩票投注计划网站| www.560067.com-雅玛彩票游戏规则| www.633745.com-什么建盏能出七彩| www.820506.com-夫妻幻想彩票分配| www.881932.com-8号彩票兼职真的吗| www.ad33.com-体彩十一选五任选三| www.st26.com-彩99app下载| www.sh08.com-时时彩回血上岸经验| www.27.net-下期福彩出什么号码| www.89nz.com-锦州彩票站出兑| www.916227.com-彩票店非法经营罪| www.986754.com-竞彩篮球分数直播| www.bf42.com-快开彩票害死人| www.zf94.com-聚鑫彩票骗局| www.34rj.com-纽约有哪些彩票| www.5188.mobi-云南彩票巨奖| www.91ew.com-有没有彩票分析师| www.023976.com-竞彩足彩算赌博么| www.4923.me-皇乐彩票是骗局吗| www.ky78.com-北京副福彩快三| www.11qq.com-瑞彩客户端下载| www.99rt.cc-时时彩宝典视频开奖| www.1969.net-彩票中的龙虎是什么| www.7678.in-彩票防伪码-| www.26888.com-七星彩运势选号| www.51226.cc-福彩网快3是真的吗| www.047471.com-淘彩彩票-| www.127246.com-彩铅画入门-| www.205125.com-喜乐彩-| www.263982.com-优彩彩票网址| www.339157.com-思乐彩票投注机| www.316997.com-彩票兑奖地点及要求| www.375001.com-谷歌彩票网站首页| www.kh21.com-青海福彩快三参考图| www.66259.cc-时时彩手机软件| www.092174.com-345彩票软件| www.18yw.com-体彩排列五今曰预测| www.045436.com-彩神通代理会员中心| www.112417.com-时时彩反倍投不行| www.184383.com-福彩3d字画迷| www.244787.com-宁夏福彩快3下载| www.xr70.com-买彩票一直买同一个| www.34zd.com-海南特区七星彩版| www.1913.org-大象彩票app下载| www.6835.in-四季彩系列-| www.551933.com-彩票台子导航| www.639143.com-彩票开店限制| www.861118.cc-五分⑥和彩特| www.912492.com-中国快三人人3登陆| www.967622.com-福利彩票双色开结果| www.cp870.cc-大发快三有什么规律|