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天

知道了
亚洲28 www.au77.com-广西快三号码遗漏| www.108999.com-安卓彩票应用大全| www.217209.com-快彩11选五助手| www.304498.com-甘肃体彩排三| www.383775.com-怎么调用彩票接口| www.500060.com-足彩2串1计划表| www.o76.cn-足球彩票怎么看| www.316091.com-上海开体育彩票店| www.340030.com-得彩票大奖后的生活| www.4385.biz-幸运赛车是哪里彩票| www.ov78.com-福彩的开奖信息| www.118640.com-辽宁体彩十一选5| www.25993.cc-彩虹有哪7种颜色| www.071556.com-彩票app白菜网| www.117021.com-体彩开奖视频直墦| www.391282.com-易网彩票软件彩下载| www.9670.top-双色球彩乐园下载| www.50824.com-七星彩黑马赌王| www.300027.cc-卓然彩票-| www.465320.com-什么叫彩票注数| www.639721.com-微信彩票竞彩| www.627117.com-几个天天彩票| www.728422.com-辽宁体彩网官网首页| www.868292.com-体彩5d走势图表| www.952474.com-最新彩票大奖| 中彩www.zcwf6.com| www.92388.com-世界杯竞彩比分直播| www.o04.net-打彩的技巧-| www.1022.com-玖玖彩票网网登录| www.219737.com-广西快三赔率表| www.40995.com-ok彩票网能玩吗| www.19785.com-嘉兴体育彩票销售点| www.783078.com-搜索彩票中奖查询| www.96hd.com-鸿彩灯光维修| www.25826.cc-2017彩库宝典| www.180114.com-易彩快3计算| www.289500.com-内蒙快三查询| www.377803.com-结婚给女方多少彩礼| www.483866.com-金彩网f49-| www.575796.com-彩票app贏錢| www.650528.com-最流行的彩票| www.711735.com-彩礼钱开到100万| www.787846.com-中国传统足彩| www.864189.com-彩21-| www.931869.com-彩多多网站-| www.980790.com-七彩杯变色教程| www.nn1.cc-湖北福彩-| www.pp99.cc-彩涂铝板-| www.09zk.com-香港旺角彩资料| www.77vj.com-美国的彩票哪里买| www.1400.win-中双色球彩票大奖| www.gd58.com-江西快三跨度表| www.up29.com-福彩山地走势| www.0902.cn-全民彩票新版| www.29529.cc-乐福彩票可以提现吗| www.113997.com-体彩天下名钻8兑奖| www.319397.com-江苏快三二同推荐| www.86175.cc-卖彩票挣钱嘛| www.979647.com-360彩票购彩平台| www.ti78.com-中福快三计划作弊器| www.54pd.com-彩票一般买几个数字| www.3963.com-中彩堂官方正版资料| www.26196.cc-彩虹周杰伦原唱| www.95896.cc-彩票代理推广技巧| www.02598.com-彩票应用软件哪个好| www.077169.com-青海福彩官网| www.212460.com-彩票店利润-| www.gx0.cc-公益福彩app| www.zk77.com-安卓彩票软件破解版| www.vq40.com-安徽快三今50| www.nh18.com-足彩19039-| www.568894.com-梦见彩票中奖数字| www.95li.com-东彩印刷厂-| www.3312.cc-潜意识买彩票中大奖| www.ov9.com-11选五彩票网站| www.580429.com-彩票日期-| www.664536.com-简单彩铅画风景建筑| www.773609.com-时时彩怎么玩都是输| www.852078.com-500购彩网安全吗| www.910274.com-彩93下载-| www.972273.com-8k彩票是什么意思| www.lv19.com-大发时时彩稳赢计划| www.z76.com-综艺福彩彩神赛| www.393205.com-昨天晚上的福彩| www.608086.com-有飞鱼体彩么| www.78337.cc-彩享开奖结果查询| www.121039.com-福利彩票微信群聊| www.297786.com-江苏快三开奖时间表| www.456883.com-时时彩牛牛开奖结果| www.689888.com-彩66彩票网登录| www.851190.cc-时时彩总是输| www.098721.com-福彩高频彩如何玩| www.93yr.com-爱购彩彩票手机登录| www.64288.cc-足球竞彩软件有哪些| www.09498.com-鸿鼎彩票软件| www.7408.pw-色彩静物临摹| www.993640.com-支付宝上能买彩票吗| www.259149.com-中国足球竞彩app| www.202065.com-福彩3d过滤器下载| www.307188.com-韩国快三一天多少期| www.919023.com-博彩软件哪个好| www.975575.com-涂磊说彩礼该不该给| 大赢家彩票平台www.702309.com| www.182226.com-广西快三开奖查询| www.249638.com-234彩票登陆| www.313782.com-彩票分析与-| www.369419.com-大通彩票-登录页面| www.455881.com-手机玩彩票怎么稳| www.531916.com-彩虹颜色是哪几种| www.597727.com-海南特区七里彩论坛| www.664322.com-七乐彩的中奖率| www.722276.com-大庆彩票站-| www.781419.com-爱彩人彩票-| www.837505.com-世界杯期间开体彩| www.904197.com-在微信上咋样买彩票| www.965691.com-福彩3d最新走势图| 大玩家彩票www.84499i.com| www.701896.com-六喝彩开奖结果查珣| www.768851.com-跟着群买彩票| www.823122.com-彩友app-| www.888750.com-快三代理软件下载| www.974363.com-福彩3d综合分布图| www.cp3676.com-大发快三是私人彩吗| www.il18.com-澳门足球彩票欧赔| www.059176.com-双色球快三玩法介绍| www.520174.com-国家彩票包括哪些| www.979930.com-彩票店赊账犯法吗| www.9495.cn-彩票有必要买吗| www.05051.com-中国正规彩票软件| www.269778.com-218彩票-| www.819911.com-玩什么彩票容易赚钱| www.953092.com-足球计算器一竞彩网| www.du33.com-高频彩票中奖秘籍| www.128688.cc-快三秒招聘-| www.274516.com-拉人玩快三犯法吗| www.383608.com-彩6精华版官方| www.507761.com-彩票返奖率最高| www.627477.com-乐米彩票吧-| www.724209.com-潮信玩彩票的| www.187271.com-新疆福利彩票网| www.44ir.com-福彩3d胆拖下载| www.1663.cm-彩票大师客服电话| www.9201.vip-福彩三d推荐号| www.70360.com-彩票聊天切入点| www.960472.com-竞彩彩店宝官方下载| www.cp7026.com-彩票坊江苏快三被骗| www.97om.com-博瑞彩票提现密码| www.127083.com-彩铅艺术画图片大全| www.335773.com-海南私彩三字现| www.330893.com-彩票看走势图有用吗| www.145844.com-基诺彩开奖记录| www.376235.com-安徽彩票中心在哪里| www.685667.com-老北京彩吧-| www.x44.in-国乐彩苹果下载| www.3029.vip-5050彩票首页| www.717337.com-彩铅自学哪本书好| www.883886.com-黑彩代购-| www.3659.in-快乐彩票下载软件| www.na11.com-彩票屠龙计划| www.x02.cn-必中彩票软件怎么样| www.49ow.com-八亿彩国际官网平台| www.560893.com-白马彩吧大乐透预测| www.639290.com-福彩刮刮乐编号秘密| www.784813.com-大大彩票网站下载|