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.176315.com-有没有快三的计划群| www.796189.com-盈彩汇彩票是真的吗| www.956354.com-彩票学-| www.db26.com-开彩票店-| www.759382.com-南阳彩开奖直播| www.990005.com-彩漂和漂白水区别| www.tl31.com-中国河南福彩快三| www.96fx.com-高频彩票专业平台| www.430058.com-高清水彩花卉图片| www.539505.com-长葛彩票店转让| www.1ja.com-黑龙江快三平台| www.213.in-好运时时彩网址| www.7347.vip-彩虹6围攻-| www.131739.com-菏泽彩礼-| www.084323.com-中彩在线时时彩平台| www.87921.com-大奖三分彩怎么玩| www.17353.cc-博彩打水套利生涯| www.82895.cc-今晚体彩开奖直播了| www.765318.com-时时彩易位反倍投| www.035081.com-有倍率高的彩票网站| www.123498.cc-是福彩好还是体彩好| www.201548.com-分分快三预测软件| www.72ov.com-中国移动手机福彩| www.608939.com-买足彩的平台| www.695315.com-竞彩能不能赚钱| www.796044.com-2019年猜谜彩票| www.880678.cc-福彩三地中奖窍门| www.093139.com-百度彩票官网首页| www.884843.com-3d唐龙说彩近期| www.ug24.com-福利彩票奖金池| www.2220.pro-体彩排三断组分解| www.24738.com-彩铅画古风少女大全| www.006342.com-河北快三推存号码| www.133741.com-广西体彩网网页版| www.564199.com-中彩网的网址是多少| www.699307.com-中国足彩欧亚指数| www.790083.com-快三如何定胆码| www.869275.com-七星彩奇偶走势| www.943655.com-今晚六会彩开奖生肖| www.92155.com-迪士尼彩乐园登录| www.091878.com-实亿国际是黑彩票吗| www.186005.com-怎么玩快三赚钱| www.272722.com-鑫彩网彩票-| www.357908.com-a8彩站是正规的吗| www.453056.com-彩票年销售额| www.737646.com-快三守号-| www.811969.com-亮彩旗舰店天猫| www.880840.com-安徽福彩发行中心| www.968105.com-中港彩票网-| www.se2.cc-ip代玩彩票-| www.sb69.com-ee球彩开奖结果| www.14qb.com-百乐彩登陆-| www.6993.cc-全民玩彩福彩排列七| www.65756.com-体彩大乐透的选号器| www.630740.com-好彩1871双爆珠| www.711187.com-刷彩是违法吗| www.788628.com-时时彩专家-| www.862954.com-点击更多精彩| www.921137.com-神彩网下载地址| www.975009.com-福彩网的软件有哪些| www.vx8.com-今晚七星彩开什么| www.vo81.com-湖北彩票中奖图| www.941748.com-中国福彩网代理| www.fd31.com-幸运分分彩一期计划| www.33sn.com-昆明彩票店转让| www.4463.vip-尊彩网官方登录| www.202043.com-福彩3d过滤器软件| www.308056.com-分分彩投资计算公式| www.393656.com-昨天晚上的彩票信息| www.518352.com-安徽福彩app| www.582652.com-彩色方块消消看下载| www.417199.com-三分彩计划一码| www.549290.com-刷彩网是真的吗| www.620357.com-广州赛马彩票| www.136208.com-足彩过滤软件手机版| www.27161.com-足彩单场竞猜玩法| www.555799.com-七乐彩今晚预测| www.482284.com-体育彩票数字篮球| www.146966.com-即乐彩福建体彩网| www.325699.com-体彩排列三走势| www.451655.com-七七乐彩走势图| www.88722.cc-1888彩票平台| www.7889.org-天际国际彩票| www.941057.com-如何寻找彩票客户| www.508234.com-什么平台玩时时彩| www.104634.cc-竟彩票-| www.708025.com-彩状元彩票-| www.856172.com-彩票3d玩法-| www.607602.com-彩票双休日能兑奖吗| www.883335.com-香港赢彩官方8码| www.zn63.com-彩票任务代打团队| www.1688.pro-体彩历史的今天| www.019086.com-利彩彩票-| www.86235.com-彩吧论坛牛材网| www.53gj.com-有人拉我进红利彩票| www.0482.cn-36o体育彩票| www.4425.me-福利彩票列七走势图| www.9951.in-新粤彩报100网| www.41047.com-什么是手机彩票| www.728282.com-中国体彩5分彩| www.816922.com-彩票中奖最多的人| www.075435.com-大优彩票-| www.486133.com-飞彩网能赚钱吗| www.565070.com-鸿彩快三下载安装| www.629253.com-彩票预期-| www.705616.com-麒麟彩票骗局手机版| www.775039.com-六星彩开奖-| www.833522.com-3d通福彩软件下载| www.898895.com-广西体育彩票官网| www.966990.com-福彩投注站app| 大赢家彩票平台www.156506.com| www.34um.com-七星彩走势宝贝| www.992.online-彩票游戏是赌博吗| www.396830.com-体彩组六最大遗漏| www.558479.com-彩铅绘画简单又漂亮| www.751354.com-彩票每日加奖平台| www.ww17.com-南方双彩下载| www.903361.com-超级快三-| www.990670.com-山东体彩网即开订票| www.255800.com-彩红时时彩计划软件| www.606533.com-足球彩票手机在哪买| www.335287.com-广西快三淘宝| www.527911.com-时时彩360遗漏| www.776890.com-福利彩票有没有补贴| www.891493.com-彩票梦想站提现不了| www.977440.com-河南濮阳娶媳妇彩礼| www.mi3.com-彩票开奖查询大全| www.028552.com-黑彩怎么玩才能赚钱| www.709028.com-彩票店怎么挣钱| www.849989.com-分分彩万能5码| www.988881.cc-彩51彩票app| www.iq13.com-乐赢彩票合法吗| www.41xj.com-彩票大乐透新软件| www.1307.top-彩之乐是正规平台么| www.419580.com-亚洲彩-| www.569890.com-福彩快开调整| www.256531.com-彩票缩水工具| www.315070.com-上海体彩在哪里领奖| www.729205.com-福彩几点开奖时间| www.823011.com-深圳福彩兑奖app| www.894067.com-网投彩票网址| www.949877.com-相信彩票下载| www.982864.com-笑口常开好彩自然来| www.cai0068.com北京快三开奖结果| www.77qh.com-网易福粉快三| www.03te.com-彩库宝官方下载| www.908447.com-七星彩抓奖规律图| www.802385.com-竞彩彩民投注比例| www.51153.com-北京快三秘诀| www.051316.com-福彩3d投注站| www.326018.com-排列三彩经网预测| www.446332.com-广州羊城晚报好彩版| www.974146.com-幸运五星彩开奖软件| 彩票5www.202803.com| www.0722.cn-最新七彩奖-| www.468640.com-新博瑞彩票下载安装| www.555852.com-四川体彩金七乐助手| www.935737.com-彩票长龙助手怎么看| www.993524.com-足彩4场进球对阵| www.fh30.com-彩票游戏注册就送| www.r10.cn-体育彩票是怎么买的| www.973.cm-杏彩51203q-| www.7784.vip-新彩课堂小结| www.51713.cc-福彩3d天中网|