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.72qn.com-1516爱彩票-| www.9187.cm-体育彩票竞彩店郑州| www.014220.com-易彩网怎么样| www.111706.com-足彩高手一年赚百万| www.199181.com-福彩快三哪几个省有| www.288619.com-足彩二串一中奖技巧| www.442273.com-ag快彩是什么意思| www.553833.com-竞彩比赛取消| www.637173.com-彩虹六号战队创建| www.768632.com-百盈快三平台入口| www.871433.com-体彩e球开奖| www.960450.com-足彩宝典-| 99彩票www.998294.com| www.ne70.com-购彩网下载-| www.216.me-好运来大发快三官网| www.6895.org-好彩头小样招代理吗| www.29935.cc-西安福彩中心电话| www.85857.com-新大中彩涂卷| www.055780.com-分分快三有技巧吗| www.258450.cc-旧版彩票365| www.340922.com-福彩3d彩吧中心| www.440193.com-四川体彩招聘| www.549736.com-玩足彩倾家荡产| www.676213.com-中国体育彩票彩报| www.765333.com-七星彩论坛解诗网| www.875251.com-皇冠国际是官方彩票| www.954685.com-500彩票开挂软件| 易彩网www.36166l.com| www.hb60.com-乐8福彩是真的假的| www.d76.me-廉江好彩哥高手论坛| www.45ga.com-东莞体彩网唯一官网| www.0111.tv-父亲沉迷买彩票| www.9636.biz-快乐彩任三预测号码| www.58163.com-彩贝壳客服电话| www.022883.com-福彩5d有没有二等| www.107061.com-4593彩票-| www.187718.com-快三网址是多少| www.269307.com-3说彩吧-| www.397536.com-11选5彩-| www.530909.com-时时彩五星的秘诀| www.626308.com-9号彩票是骗局吗| www.707188.com-中国福利彩票快三客| www.24wm.com-买彩票团队是真的吗| www.0860.cc-乐发彩票首页| www.8532.xyz-牛彩彩票网址| www.46577.com-福星彩开奖号码| www.96360.com-甘肃体彩11选5开| www.066455.com-玩手机彩票软件| www.170053.com-廊坊快三-| www.304819.com-快三稳赢-| www.381337.com-彩票中奖可以拒捐吗| www.525986.com-竞彩投注计划方案| www.607369.com-福彩教育台开奖| www.673434.com-古建彩绘颜料调配| www.757224.com-下载酷彩吧彩票| www.887320.com-天天购彩网是真是假| www.964294.com-天天彩票是正规的吗| 中彩网www.71233k.com| www.hp51.com-篮球彩票怎么玩| www.zu91.com-汇彩网-| www.30ec.com-彩虹网站-| www.1061.org-1号彩票官方下注| www.8057.vip-创意水彩建筑| www.32186.cc-做单易彩彩票| www.78955.com-福彩3d绝密算法| www.033376.com-515彩票-| www.112321.com-彩票游戏送彩金活动| www.187659.com-时时彩开奖记录| www.266189.com-安徽快三助手ios| www.439005.com-306期彩票-| www.535776.com-彩票注怎么算| www.638167.com-竞彩站主-| www.729773.com-愚人节中奖彩票制作| www.807807.com-福彩条件-| www.882169.com-九八彩票是平台吗| www.972005.com-易中彩票网骗局| www.28kb.com-天禧彩票网官方网站| www.250.tv-彩票整改2019| www.4167.org-东方彩票是黑平台吗| www.9852.shop-古建彩绘行龙图案| www.68958.cc-尊彩彩票真的吗| www.029809.com-体彩分析软件哪个好| www.111756.com-彩票注册送彩金吗| www.182412.com-500vip彩票-| www.255609.com-七乐彩的玩法说明| www.332507.com-手机黑彩-| www.408005.com-辛运彩票app下载| www.514173.com-汇丰彩票平台黑钱吗| www.588870.cc-体彩七星彩好久开奖| www.662706.com-请进入精彩内容搜狗| www.738632.com-彩网总站-| www.809169.com-博众时时彩平台地址| www.884049.com-黑彩每天赚钱| www.aj65.com-特区彩票论坛| www.sm60.cc-足彩竞彩网500| www.11jn.com-红旗彩票北京快三| www.81xw.com-福彩pk拾玩法| www.1810.hk-中国福彩标志的寓意| www.9874.net-85彩-| www.51662.cc-彩界联盟软件下载| www.95536.com-福彩与慈善体会| www.056683.com-炫乐彩票北京pk十| www.157567.com-竞彩足球信息| www.243126.com-福利彩票开奖记录| www.318144.com-北京快福彩快三| www.385116.com-彩票双色球开奖下载| www.525710.com-校长体彩福彩推荐号| www.607188.com-彩票截止到几点| www.672816.com-奥克足彩缩水软件| www.750081.com-彩票909-| www.814804.com-吉林快三大小微信群| www.883539.com-彩票代码是啥| www.982142.com-信彩网下载-| www.gr7.cc-时时彩胆拖玩法介绍| www.oj32.com-长春市福利彩票中心| www.5sm.com-英国彩票税率| www.58yc.com-体育彩票摇奖有假吗| www.962.net-云南省第三届彩云杯| www.7558.biz-泰国的彩票传销| www.22781.cc-广东福彩微信交流群| www.63577.cc-七星彩领奖方式| www.035569.com-关于彩票的英语句子| www.122600.com-乐彩vip在线客服| www.189195.com-天津华夏快三正规吗| www.257177.com-破解彩票软件app| www.328883.com-七星彩开奖视频直播| www.394696.com-彩虹六号干员介绍| www.554641.com-吉林快三开奖查询| www.617676.cc-结婚彩礼现金图片| www.681556.com-辽宁福彩唯发行中心| www.755424.com-七星彩开奖列表图| www.870685.com-刚力彩芽av-| www.948612.com-彩票公益金申请书| www.995735.com-竞彩打水-| www.wd8.cc-彩宝网3d-| www.pc94.com-河北省彩票11选5| www.8168.me-彩票自己本人中过的| www.47557.com-好彩妹干将莫邪| www.89787.com-福彩七乐彩下期预测| www.045446.com-彩票对冲套利风险| www.164782.com-彩票大厅开奖| www.242667.com-中国彩票有圈套| www.315836.com-手机版2d彩虹六号| www.378446.com-c58彩票com-| www.572050.com-福彩三d的开奖| www.635058.com-体彩飞鱼游戏技巧| www.725555.com-私人的体彩赌| www.791655.com-宁夏福彩中奖记录| www.860083.com-澳客彩票网手机版| www.917155.com-88彩票是不是合法| www.973085.com-彩虹六号新手教学| www.ia63.com-彩678-| www.yl71.com-彩票计划gcbcc| www.14cv.com-香港百乐彩-| www.018.loan-胜负彩预测爱彩网| www.2593.win-电信彩铃怎么设置| www.7577.net-福彩3d概率选胆| www.17799.com-福彩3d今日彩图| www.54599.cc-手机验证领18彩金| www.94024.com-责任彩票是什么意思| www.043124.com-更新七星彩票| www.184168.com-500彩票app-| www.246815.com-三合皇彩票-| www.311771.com-河南快三害死人了|