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.5867.biz-众彩用户登录| www.51ya.cc-六福彩是什么意思| www.123925.com-酷彩吧彩票可信吗| www.2947.vip-体育彩票店面图片| www.822952.com-彩友的意思-| www.932738.com-淘彩吧购彩网| www.111375.com-全天计划时时彩| www.25ba.com-福彩彩店几点开门| www.22851.cc-快三可提现-| www.tj57.com-福彩迷江苏快3| www.666682.com-乐彩1601-| www.085761.com-彩神喷绘机质量怎样| www.f79.net-马来西亚博彩| www.132994.com-哪里买足彩-| www.80821.cc-福利彩票打票键盘| www.199260.com-体育彩票11选三| www.864340.com-235彩票软件| www.954342.com-苹果时时彩软件| www.84245.com-天津体彩网app| www.690956.com-wap竞彩足球| www.853937.com-福彩多彩网下载| www.954075.com-好彩蓝莓双爆| www.cp175.com-网上教人买彩票骗局| www.385342.com-体彩造假-| www.111901.com-怎样在手机上买彩票| www.182349.com-青海福彩快三下载| www.169376.com-快三怎么玩才能赢| www.030870.com-网络彩票被骗追回| www.407027.com-七星彩公告-| www.23822.cc-买彩票中了四等奖| www.503766.com-如何买彩-| www.11tz.com-亚洲杯彩票怎么玩| www.189060.com-福彩3d500期| www.870533.com-江苏快三和值预测| www.98yd.com-福彩机图-| www.460072.com-360体育彩票| www.564499.com-极速时时彩破解法| www.636050.com-彩虹出来时阅读答案| www.706210.com-发彩网平台靠谱吗| www.783226.com-保定彩票站怎么申请| www.861333.cc-彩票资讯电话| www.928012.com-福利彩开奖直播| www.979271.com-好彩蓝莓爆多少钱| www.zr3.com-浙江快乐彩胆拖| www.sw35.com-超强破解彩票秘密| www.501786.com-棒棒彩票真假| www.978642.com-c彩61网址-| www.aa33.com-快三二同号单选技巧| www.wy26.com-网易彩票网开奖查询| www.844094.com-彩票年底会停手吗| www.952329.com-福利彩票119| 彩票500万www.596035.com| www.733322.com-姜丽休闲快三教学| www.878796.com-竞彩双平什么意思| www.cs14.com-绝密彩票网166| www.456040.com-手机上玩彩是骗局吗| www.858891.com-福彩33期开奖号码| www.922650.com-竞彩彩票app| www.974810.com-体彩大乐透购买时间| www.cai3383.com老时时彩-| www.624311.com-333彩网四不像| www.703082.com-竞彩比分发财| www.782816.com-七彩乐开奖结果图表| www.860789.cc-七星彩直播频道| www.919219.com-彩票app软件定制| www.974565.com-众彩是什么平台| www.cai4122.com快三是一款什么游戏| www.iz59.com-微微彩票大发快三| www.za66.com-三d彩票图纸今天| www.825098.com-快购彩票平台| www.898315.com-广西风彩-| 彩客吧www.88ckb.com| www.11446.com-好彩烟图片-| www.70sl.com-巴厘岛国际彩票官网| www.753091.com-什么人喜欢买彩票| www.841513.com-福利彩票公证员| www.909336.com-超级大乐透彩票规律| www.975725.com-伊川的彩礼要多少| www.cp3377.com-吉林快三中奖助手| www.709466.com-体彩大乐透到哪领奖| www.025067.com-多乐彩票网站骗局| www.7023.vip-网络打彩票什么意思| www.00772.com-福盈门彩票信用吗| www.155825.com-体育彩票飞鱼技巧| www.279251.com-重庆彩票群是骗局吗| www.657147.com-彩奕颂女装网店| www.715809.com-夜空画法彩铅简单| www.780155.com-福彩3d今天的讲座| www.842323.com-体育彩票地址| www.896826.com-摩登彩票挂机软件| www.954517.com-彩宝彩票app骗人| www.997347.com-百彩网香港综合料| www.em00.com-牛彩论坛-| www.297383.com-上海快三二码遗漏表| www.374734.com-福彩3一定牛走势图| www.477766.com-江西体育彩票任三| www.553153.com-500万彩票直播| www.157429.com-北单竞彩比赛结果| www.998554.com-北京福彩中心新地址| www.412.in-双色中彩网彩网| www.879242.com-老快三游戏下载大全| www.ao40.com-福彩快乐20分| www.70505.com-彩票送38彩金平台| www.885491.com-七星彩中奖号码| 博乐彩票www.35918p.com| www.90698.com-乐赢彩票下载安装| www.309299.com-生肖彩票网站| www.816367.com-博彩被骗了怎么办| www.910692.com-彩9吧彩票-| 金冠彩票www.49956s.com| www.389390.com-体彩店加盟费| www.644119.com-大千娱乐是黑彩吗| www.4992.org-胜负彩能中奖吗| www.812203.com-火箭彩票p版| www.636238.com-997彩票官方网站| www.871349.com-下载双色球彩票| www.954042.com-乐和彩竞彩是正规吗| www.47uw.com-广西体彩网上投注站| www.619942.com-时时彩k线选号| www.916252.com-中国足彩计算器| www.91483.com-好彩红跟蓝哪个好抽| www.ov35.com-福彩3d方法技巧| www.sb57.com-青海快三下载安装| www.232563.com-快三走试图-| www.365700.cc-彩铅花卉手绘画教程| www.120899.com-彩票一对一带微信| www.516417.com-中发彩票贴吧| www.669472.com-彩钢琉璃瓦机价格| www.322503.com-网上购彩app下载| www.e21.com-巴西五分彩开奖结果| www.7170.biz-福彩小助手-| www.555377.com-吉林快三盘口| www.65149.com-福彩双色球诗迷汇总| www.082098.com-重庆时时彩官方电话| www.198848.com-10选5彩票-| www.655614.com-福彩吉林快乐3| www.771791.com-腾龙时时彩做号官方| www.892268.com-ok彩票-| www.951076.com-竞彩足球网上购买| 99彩票www.372779.com| www.207178.com-nba篮球彩票| www.299788.com-内蒙古快三奖金规则| www.523417.com-希腊五分彩开奖号码| www.964295.com-天天彩票试机号| www.024944.com-手机彩票过滤器| www.113412.com-元红绿彩拍卖记录| www.15bi.com-天天彩票qq登陆| www.ti14.com-520彩票官方网站| www.981242.com-做彩票兼职-| www.221796.com-快三彩票挂机| www.227616.com-彩票软件一分钟开奖| www.715191.com-快三导师计划怎么算| www.496907.com-彩票站老板跑路| www.181442.com-注册送27元彩票| www.325105.com-发达娱乐彩票诈骗| www.217156.com-新浪数字彩票双色球| www.316955.com-金山彩票-| www.33529.cc-风采彩票-| www.155471.com-彩票3d分析大师| www.230870.com-福利彩软件是真的吗| www.293993.com-江苏福彩网首页| www.350223.com-玩彩票亏了怎么回本| www.397824.com-彩票店利润点在哪| www.589936.com-七星彩割规律王|