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.099865.com-最新九州彩票网址| www.227011.com-彩铅画图片大全花草| www.sg.cc-500vip彩票-| www.008521.com-腾讯彩票夹娃娃| www.121720.com-天天竞彩足球| www.212370.com-淘宝网购彩票| www.316528.com-体彩大乐透兑奖期限| www.951495.com-360竞彩比分| 大赢家彩票平台www.376517.com| www.nr04.com-微信彩票算赌博吗| www.2vz.com-完美彩票下载苹果版| www.66gc.cc-彩店宝彩票怎么提现| www.49995.cc-福彩6十1生肖玩法| www.060627.com-体彩87加盟-| www.148955.com-乐⑧彩票下载安装| www.227532.com-快三秒加盟费| www.305864.com-也买彩骗局| www.871641.com-利彩一分快三稳定性| www.978564.com-福彩3d彩图报| www.ca45.com-爱彩乐十一选五遗漏| www.wl53.cc-牛彩网一句顶3码| www.548441.com-安徽快三开奖查| www.659400.com-今晚七星彩是什么奖| www.739126.com-腾讯彩票榜-| www.813887.com-河北体彩每周开奖| www.907113.com-英国彩票彩种| www.972724.com-彩铅荷花-| www.cai780.com-福彩五分快三是什么| www.kq36.com-五分快三是什么| www.h89.top-鸿鑫科技彩票平台| www.38gx.com-华夏彩票我的账户| www.699087.com-快三微信群怎么赚钱| www.yz36.com-快三分分彩如何玩| www.34wo.com-财富报七星彩图| www.iz29.com-中彩网双色球走势| www.718052.com-中国体彩票远程培训| www.838649.com-好用的竞彩软件| www.928032.com-专业彩色打印机| www.991581.com-彩富高手一肖免费| www.ec26.com-大发快三破解神器| www.169998.com-贵州快三预测| www.020437.com-彩c38net-| www.352692.com-彩票奖金多久到账| www.512813.com-彩票ssc平台网址| www.740322.com-今晚澳门彩报2| www.783788.com-快三彩票投注平台| www.fl00.com-彩票奖金-| www.751627.com-中奖彩票丢了怎么办| www.939952.com-彩票福彩双色球| www.fh94.com-用手机买彩票怎么买| www.47nu.com-体彩走势6十1| www.v23.top-玩彩代打兼职| www.0497.cc-内蒙古福彩彩种| www.267341.com-职业彩票高手经验| www.06bg.com-彩铅纸品牌-| www.394869.com-福利彩票需要多少钱| www.562094.com-怎样加入彩票群| www.631730.com-七彩阳光一至五节| www.712661.com-朋友拉我玩分分彩| www.062205.cc-台湾福彩开奖现场| www.883886.com-黑彩代购-| www.755055.com-茶光福彩网点| www.7000.cm-快三末班车几点| www.69774.com-app易彩乐彩票| www.es12.com-贵州快三官方下载| www.813797.com-福彩送金条-| www.nj.com-快三有人带是真的吗| www.1gc.com-体彩周日开什么| www.331.cn-快三龙帽子啥意思| www.7737.in-足彩19019-| www.42237.com-彩票cp533下载| www.89529.com-彩吧彩票下载网址| www.316738.com-体彩图标图片| www.806632.com-好彩双爆珠蓝莓柠檬| www.897631.com-多彩贵州网领导| www.973854.com-福彩官方网-| www.da7.com-玩快三的软件| www.409488.com-辽宁彩体彩网| www.634114.com-开封七彩华风幼儿园| www.085085.cc-平台彩票ios版| www.300355.com-今天乐和彩开奖结果| www.221429.com-500彩有挂么| www.633178.com-属马的彩票号| www.768933.com-亚博彩票可信吗| www.880724.com-怎么开私彩-| www.9265.org-威斯汀福乐彩| www.89111.com-c8com万彩-| www.129789.cc-中国体彩唯一官网| www.253068.com-今晚好彩3开奖结果| www.370148.com-七星彩开奖结果机选| www.129594.com-七星彩下期开什么码| www.284966.com-彩票发展-| www.369256.com-河内彩票-| www.510360.com-儿童歌曲彩虹的约定| www.716488.com-彩铅彼岸花插画教程| www.829782.com-大师算彩票-| 大赢家彩票平台www.320661.com| www.155009.cc-足彩有几种玩法| www.47mu.com-dt大通彩票手机版| www.3146.win-新浪足彩数据| www.9864.cc-36o彩票大厅| www.96572.cc-足球彩票中奖怎么算| www.213254.com-彩神争2手机版| www.277644.com-大发快三开奖作弊不| www.345002.com-线上棋牌彩票| www.e11.club-网易彩网下载| www.770073.com-七彩云南翡翠怎么样| www.61626.cc-小米彩票网资料| www.054477.com-竞彩足球推荐高手| www.140559.com-体彩一等奖领奖流程| www.260302.com-关于彩票赊账处罚| www.np26.com-福彩双色球随机选号| www.081274.com-福彩老快三-| www.594122.com-优乐彩软件-| www.661113.cc-95彩票计划-| www.717529.com-彩民周刊编辑组晓沪| www.779818.com-游戏机吐出的彩票| www.836189.com-顺丰彩票官网| www.887782.com-几个靠谱的彩票网站| www.947371.com-福彩计划聊天室视频| www.984108.com-99cc赢彩彩票| www.ff30.com-广州十分钟彩票开奖| www.028021.com-彩票会中大奖吗| www.206998.com-下载易彩堂-| www.337830.com-七星彩开奖推荐号| www.491755.com-彩票009app-| www.682600.com-手机足彩-| www.778656.com-1111彩票安卓版| www.939425.com-中国福彩票网官网| 大赢家彩票平台www.189370.com| www.22du.com-腾飞娱乐彩票| www.31536.cc-足彩竞彩新浪体育| www.007147.com-赢彩助手排3开机号| www.221677.com-新快三app官网| www.hh97.com-连中彩票下载| www.f85.cn-华人彩已注册已登录| www.239229.com-正规购彩平台有哪些| www.110322.com-360彩-| www.32978.com-华夏彩票代理| www.020653.com-转让福利彩票店| www.096075.com-体育彩票的真实性| 500彩票www.3126z.com| www.98hz.cc-炫彩福字动态壁纸| www.8432.vip-彩釉玻璃油墨| www.529051.com-易彩网合法吗| www.140711.com-1980彩票网-| www.210553.com-江西福彩快三平台| www.284737.com-快乐时时彩计划表| www.240411.com-中国竞彩网官网| www.345246.com-中国彩票官方网址| www.440799.com-爱心彩快三-| www.534838.com-6号彩票-| www.587083.com-湖北快三豹子必出| www.637411.com-双彩论坛网首页| www.688286.com-彩票站能卖时时彩吗| www.748568.com-浙江快乐彩任3技巧| www.10520.com-进球彩走势图| www.61518.com-大胜彩票最新安卓| www.004461.com-体彩王滨字谜| www.055549.com-好彩网软件下载| www.uo83.com-体育彩票大乐透走势| www.3nh.com-彩塘不锈钢批发市场| www.44et.com-建盏七彩光加水| www.96vm.com-百世彩票网-|