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天

知道了
1分快三 www.zc48.com-3d彩票图纸| www.2783.wang-彩票大厅下载安装| www.523250.com-呼市福利彩票双色球| www.691523.com-烟台福利彩票转让| 爱彩www.005ac.com| www.05fx.com-儿童雪天彩铅画| www.703733.com-彩票自动选号器| www.2666.hk-福彩3d乐采网| www.8356.vip-时时彩复式号码格式| www.194273.com-网上玩快三骗局| www.8965.xyz-彩票开奖信息推送| www.44740.com-福利三分彩有规律| www.91399.com-炫彩油画骗局兼职| www.060048.com-爱彩乐专业数据网站| www.152895.com-彩霸王论坛小鱼儿| www.985084.com-腾讯一分彩开奖| www.625239.com-开彩票盘需多少钱| www.095196.com-南昌快三-| www.385121.com-彩票大平台有那些| www.529565.com-80彩票是啥意思| www.178613.com-彩乐乐网址-| www.269252.com-大资本app彩票| www.570328.com-七彩虹主板z77| www.9245.vip-e乐彩网站几年了| www.89871.cc-80彩软件-| www.157757.com-竞彩单场比分| www.46098.com-9090彩票-| www.006419.com-快三二同号怎么选| www.870167.com-福彩高频彩是真是假| www.cp7767.com-江苏快三单双骗局| www.840833.com-彩票中奖要交多少税| www.928665.com-够力七星彩图案| www.981458.com-私彩返点是什么意思| www.jd.com-福利彩票自动选号| www.308535.com-辽宁省福利彩票中心| www.235511.com-移动彩票软件安全吗| www.319196.com-海南七星彩梦册大全| www.894951.com-时时彩助手苹果版| www.039984.com-进球彩中国足彩分析| www.188145.com-安徽快三怎么投注| www.30518.com-彩票游戏网站| www.123297.com-快三二同号单选| www.665648.com-体彩店一般到几点| www.658108.com-3d彩票模拟投注器| www.830738.com-东升彩票app下载| www.905208.com-新浪竞彩足球推荐| www.974603.com-南京众彩免费班车| www.ay09.com-1分快三稳定计划| www.be60.com-内蒙古包头福彩中心| www.22243.com-因为彩礼结婚前分手| www.112507.com-933c1彩票下载| www.224211.com-uu直播彩票-| www.68873.cc-测能否中彩票| www.369.gg-福彩官员贪污百万| www.144559.com-足彩妖刀最新推荐| www.296577.com-快三智能投注| www.361282.com-重庆时时彩一天几期| www.628711.com-12生肖彩票开奖| www.703056.com-福彩预测号码| www.785238.com-七星彩专家推荐汇总| www.863250.com-高频彩票数字原理| www.933827.com-哪里可以买体彩| www.984571.com-玩彩8-| www.ek86.com-众彩网专家预测| www.yz93.com-昆明快三-| www.57gw.com-贵阳彩票双机转让| www.56111.com-贵州省快三走势图| www.035837.com-时时彩最准计划网站| www.135949.com-312彩票-| www.273296.com-老河口快三玩法| www.368808.com-长沙体彩代理| www.969364.com-酷彩吧是什么平台| www.y89.vip-彩易彩票软件下载| www.980181.com-彩票cp121-| www.bz05.com-快三平台介绍| www.647935.com-重庆时彩计算公式| www.126495.com-头奖彩票官网| www.240038.com-彩神ix下载-| www.999391.com-中彩快印花家地| www.sm57.cc-时时彩稳赚不赔公式| www.80xo.com-彩神通会员下载| www.139841.com-新盈彩在线网址| www.xd32.com-北京快三电视图表| www.35al.com-海南七星彩日日升图| www.iy70.com-福彩獎-| www.865645.com-福彩今日报纸| www.74lt.com-假体育彩票打票机| www.06008.cc-体彩和值振幅走势图| www.514813.com-美容彩妆培训学校| www.98662.com-足彩二串一玩法| www.1hl.com-福彩和体彩哪个挣钱| www.119016.com-福彩北京快三攻略| www.827675.com-千禧彩票备用网址| www.900949.com-体彩排列5的玩法| www.976914.com-河南彩礼顺口| www.cp9258.com-中彩彩票软件下载| www.729785.com-彩票疑云(下)| www.005402.com-福彩双色球几点封盘| www.6596.biz-体彩nba在哪买| www.826019.com-快乐彩票合法吗| www.952778.com-旺彩网手机版| 大赢家彩票平台www.632750.com| www.qx32.com-重庆时时彩开奖宝典| www.160128.com-时时彩源码-| www.323608.com-体育彩票现场直播| www.333144.com-体彩31开奖信息| www.492236.com-彩票店违规-| www.979424.com-中国体彩7位数| www.6159.net-如意彩票是真的吗| www.170409.com-青海快三电视走势图| www.275320.com-168彩票是真的吗| www.391232.com-飞腾彩票是陷阱吗| www.028343.com-博友彩官方下载| www.879298.com-智慧彩票预则双色球| www.967051.com-彩票挣钱不-| 天天彩票www.106326.com| www.44529.com-工地专用彩钢围挡| www.999888.com-台湾彩虹旗-| www.336424.com-彩票网站不给提现| www.51bx.com-369足彩缩水软件| www.31187.com-腾讯分分彩手机版| www.001575.com-竞彩网足彩比分直播| www.133424.com-河南彩色路面材料| www.255175.com-彩票导航大全app| www.0869.cc-周口彩票店-| www.63938.com-足彩月野兔博客| www.196989.com-彩票计划软件大全| www.444053.com-富贵彩票注册官网| www.669280.com-海南什么时候有马彩| www.811872.com-开奖公告千亿彩票| www.334672.com-彩票开奖查询接口| www.502156.com-买500彩票犯法吗| www.664440.com-黄岛区体彩管理中心| www.22225.com-双色球牛彩网预测| www.96079.com-彩票市场谁监管| www.128603.com-网上福彩投注| www.222061.com-王牌彩票下载| www.306956.com-各彩票平台停止售卖| www.373900.com-王者彩票网是真的吗| www.700520.com-彩辉纺织有限公司| www.270332.com-888彩票网安卓版| www.932167.com-本期七星彩结果| www.kn99.com-怎样买易彩快3能赢| www.871465.com-彩票平台代理网站| www.980094.com-cp12彩票官网| www.cai7555.com南昌快三走势图| www.xo06.com-买彩票选号的技巧| www.7277.cc-彩虹六号高清图片| www.024514.com-财富彩票app下载| www.152987.com-彩票输了怎么办| www.260802.com-快三没赚钱-| www.389238.com-正规的网上彩票网站| www.588403.com-手机彩票管家| www.677733.cc-银川哪家彩票转让| www.qc90.com-四月足彩-| www.35vy.com-辽宁福彩35开奖号| www.2188.com-彩票新闻报道| www.77639.cc-360官方彩票网站| www.068766.com-体彩大乐透专家汇总| www.67dq.com-彩宝贝短信点播费| www.789539.com-竞彩与滚球对冲| www.140233.com-体育彩票兑奖中心| www.275192.com-西宁快三开奖| www.205235.com-今日7乐彩开奖号码|