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天

知道了
9彩注册 www.166698.com-快三玩法介绍| www.754306.com-中彩网有老师带| www.852888.com-河内五分彩开奖历史| www.930736.com-满堂彩下载app| www.999671.com-福彩字谜图怪字神贴| www.di64.com-彩票图迷查询| www.xx66.cc-双色球彩票贴吧论坛| www.589826.com-体彩排列三高手预测| www.713083.com-中国体育彩票怎么看| www.576926.com-牛彩排列三字谜| www.365143.cc-彩票最大弃奖| www.563228.com-优博时时彩平台登录| www.658989.com-青蛙彩票8080㏄| www.789515.com-竞彩足球对冲必胜| www.903243.com-彩票开奖号码作假| www.984932.com-彩神大发云-| www.hw65.com-北京彩票官网| www.wh26.com-体彩开奖结果是什么| www.10638.com-c8cn万彩吧开奖| www.715171.com-四季彩平台怎么样| www.860331.com-中国体育彩票官| www.960646.com-98时时彩登录平台| 500彩票www.607323.com| www.116544.cc-胜负彩19053期| www.639145.com-余姚体彩哪里申请| www.755429.com-手机旺旺彩票登录| www.860005.com-ee彩票是真是假| www.948695.com-微信群玩快三违法| 500彩票www.50051l.com| www.qo98.com-北京快三人工计划| www.781583.com-头头博彩客户端| www.874474.com-福彩快三官方网投诉| www.952548.com-188彩票手机版| 500彩票www.346077.com| www.370356.com-黑彩代理返点犯法么| www.515197.com-体彩排列三图谜区| www.cai906.cc-中国福利彩票快3| www.906731.com-中国体彩开奖时间| www.7886.loan-玩彩全输光了| www.518245.com-乐优彩票靠谱吗| www.618325.com-福彩体彩双彩网论坛| www.734307.com-足彩19051分析| www.939653.com-福彩网北京28| JJ彩票www.11018.cc| 淘彩票www.tcp969.com| www.019532.com-wap中彩网-| www.380635.com-彩票33app下载| www.637250.com-什么样的彩虹| www.749365.com-彩神310383-| www.751760.com-彩拾彩票网址| www.416700.com-中体彩科技电脑| www.9441.loan-粤彩宝典-| www.a72.top-时时彩赢了60万| www.t25.online-福彩3d合买微信群| www.1495.cm-真实彩虹图片大全| www.910116.com-粤彩实战网址| www.72535.com-体彩38期开奖| www.090097.com-世界平台彩票| www.217615.com-大发彩票中国代理| www.557799.com-体彩3第-| www.115115.com-排列三彩票下载| www.cp3778.com-幸运快三是不是骗局| www.148494.com-玉林市体育彩票加盟| www.5497.top-福彩诈骗套路| www.520412.com-福彩快三为何限号| www.474163.com-购买足彩的app| www.570029.com-时时彩中奖号| www.655962.com-做博彩程序员犯法嘛| www.801155.com-富民彩票合法吗| www.kc55.com-快三第一门户违法吗| www.95rh.com-鸿彩在线直播| www.063229.com-体育彩票店转让流程| www.196108.com-北京快3爱乐彩| www.262408.com-宝马彩票登录| www.161900.com-青海快三推荐今天| www.32ip.com-长沙福彩中心电话| www.920888.com-体彩足球直播比分| www.995923.com-彩投是什么职业| www.dp03.com-网上快三可以玩吗| www.c60.me-体育体彩今日开奖号| www.347511.com-彩厍宝典下截| www.62257.cc-昨晚上福利彩票开奖| www.006.date-吉林快三押注平台| www.3813.net-体彩山西领奖地址| www.t31.club-天易彩票下载| www.up8.cc-体彩开奖查询结果| www.qy34.com-腾讯分分彩期期必中| www.08vj.com-尼彩-| www.77ab.com-四川体育彩票管理站| www.50cj.com-杭州福彩管理中心| www.1220.org-全民彩票快三| www.8140.xyz-足球胜负彩任九开奖| www.30360.com-京东彩票怎么买彩票| www.72328.com-彩天堂属于什么平台| www.017238.com-盛大彩票网站是什么| www.569890.com-福彩快开调整| www.45xq.com-中博彩票可信吗| www.1696.vip-e彩票手机客户端| www.4520.com-永盛彩票网代理| www.21335.com-网络彩票是诈骗吗| www.62297.cc-海南彩票梦册查码| www.032773.com-95彩票app下载| www.122963.com-福彩公益金用途| www.223842.com-网赌快三有假吗| www.il3.cc-大赢家彩票平台骗局| www.32666.com-福彩3d天地杀码| www.086599.com-彩票自助终端机投资| www.221258.com-助赢彩票-| www.948752.com-福彩的试机号| www.cai69.cc-快三胆拖-| www.664582.com-福彩双色球奖号| www.44176.com-怎么看彩票的票花| www.771021.com-小鸡彩虹儿歌| www.069469.com-怎么下载彩神争霸| www.709082.com-博盈彩票网合法吗| www.02uo.com-红太阳彩票-| www.8881.cn-足彩选八场五串一| www.676408.com-江南彩姐彩票专栏| www.406640.com-济南结婚彩礼多少钱| www.790661.com-彩票随机数生成器| www.773819.com-时时彩直选做号技巧| www.882645.com-棒棒彩票是合法的吗| www.342848.com-胜负彩让球什么意思| www.ha4.cc-福彩3d一句定三码| www.729.live-时时彩机选方法| www.948364.cc-福彩文化-| www.359333.com-微博彩票平台| www.583076.com-中彩票动态图| www.739582.com-三分彩全天计划下载| www.274718.com-大发时时彩开奖历史| www.949080.com-高频彩开奖直播分析| 彩神购彩www.csgc9.com| www.679907.com-巨龙彩票独家心水图| www.816000.com-今晚福彩3d猜谜是| www.990427.com-分分彩官方网站| www.rh1.com-吉林快三计划独胆| www.52796.cc-好彩彩票网-| www.033997.com-手机七乐彩票靠谱吗| www.618846.com-下载新浪体彩| www.263903.com-六福彩下载安装| www.386956.com-凤彩网登录注册| www.529039.com-七乐彩专家杀号澳客| www.99uf.com-外国能买福利彩票吗| www.4571.com-福利彩票34期结果| www.98860.com-京东彩票下载安装| www.355484.com-彩票中奖是真是假| www.519629.com-提前预知彩票结果| www.663334.com-七乐彩票开奖结| www.806032.com-九五彩票下载安装| www.984316.com-中彩网是官方网站吗| www.2eb.com-鸿运彩票与500购| www.4387.vip-今日吉林快三走试图| www.004533.com-大小单双技巧时时彩| www.223781.com-福彩幸运快3| www.968999.com-刷彩金是干嘛的| www.150921.com-宝马彩票是什么平台| www.14215.cc-金华市福利彩票中心| www.hf39.com-彩票作弊插件| www.zv88.com-彩81彩票app| www.98qk.com-中国彩票弃奖排名| www.798715.com-ss盛世彩票-| www.8291.org-幸运五分彩合法么| www.97ra.com-9万彩票官网苹果版| www.604690.com-齐发网彩票-|