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天

知道了
彩票256平台 www.312088.com-亿盈幸运快三| www.443604.com-凤凰娱乐彩app| www.534665.com-下载够力七星彩软件| www.725960.com-博友彩怎么注册| www.810707.com-彩衣娱亲-| www.887970.com-彩票推广-| www.cai2323.com彩票快3技巧| www.mo25.com-送彩金18-| www.6va.com-最新中国竞彩联盟| www.70gl.com-红菜苔彩票ios| www.1465.wang-6234彩票平台| www.9720.in-免费领取彩金| www.53693.cc-足彩让球平什么意思| www.001434.com-开门彩报-| www.071678.com-彩票实体店未来趋势| www.142971.com-亚博彩票手机版下载| www.225581.com-微信彩票女-| www.304379.com-甘肃快三图-| www.378759.com-3d双彩论坛图迷| www.564240.com-火箭体育彩票网址| www.638011.com-怎么用懂球帝买彩票| www.743874.com-购彩助手app| www.819890.com-镇上买彩票-| www.896138.com-彩票合买自导自演| www.958954.com-深圳福彩官方网站| 99彩票www.29699.com| www.ev79.com-吉林快三拿盘| www.xg03.com-晴予七星彩预测| www.19iz.com-东平彩票中奖| www.0025.com-时时彩平台被黑| www.6778.top-唯彩会福彩首页| www.20553.com-九度彩票登录地址| www.64908.com-竞彩单关套利| www.039917.com-甘肃快三一码遗漏| www.129270.com-能用的彩票app| www.204815.com-天天彩选四开奖号码| www.280051.com-北京时时彩开彩结果| www.386216.com-有谁中过彩票的人| www.510810.com-彩虹天堂听哭了| www.586644.com-白菜送彩金大全网站| www.660852.com-彩票777安全吗| www.760176.com-卖福彩有任务吗| www.863400.com-彩票是什么性质| www.933038.com-湖南福利彩票报纸| www.980864.com-彩票兼职做四个任务| www.pj27.cc-足球彩票开奖查询| www.1wb.cc-福彩乐彩网首页| www.60hs.com-国际福利彩票怎么玩| www.0502.org-昨天体彩体彩开奖号| www.8498.top-宁夏体彩加盟条件| www.39066.cc-彩虹101-| www.85638.cc-手机上怎买福彩| www.037501.com-乐彩网猜大小和单双| www.139792.com-胜彩-| www.218381.com-吉林快三在哪里购买| www.288990.com-彩票改时间了吗| www.391897.com-中国体彩排列五长条| www.515101.com-星彩下载-| www.584569.com-真钱捕鱼送20彩金| www.657464.com-e777乐彩下载| www.763158.com-appcp彩票代理| www.850233.com-竞彩7串21-| www.914973.com-大发彩票有哪些平台| www.974547.com-江苏福彩快三奖金表| www.ja4.cc-内蒙快三遗漏360| www.ov38.com-双彩网app-| www.6en.com-体彩泳坛夺金| www.60vj.com-色彩的三原色是指| www.0380.site-休闲快三刘老师| www.17033.com-体育彩票打印机| www.58622.cc-安彩高科股票怎么样| www.026550.com-电竞博彩怎么玩| www.100214.com-彩票禁止网络销售| www.165286.com-安徽体彩兑奖地址| www.270978.com-彩788登录地址| www.354622.com-什么是彩票-| www.437299.com-陕西彩票中奖的地区| www.528460.com-福州体彩31选7| www.628400.com-557彩票邀请码| www.693289.com-掌上京彩app官方| www.767967.com-高频彩能赚钱吗| www.871786.com-利彩可以做吗| www.948661.com-中国福利彩票地址| www.996709.com-黑龙江彩票网| www.hn6.com-赤峰十一选五体彩| www.oa45.com-福彩广西基本走势| www.2mx.cc-青蛙彩票怎么下载| www.54vq.com-福彩3d3d村杀号| www.994.name-怎样打时时彩| www.7667.cm-今晚福彩图片大全| www.22532.cc-东北娶媳妇彩礼| www.63208.com-打开足彩310报纸| www.031456.com-双色球彩票字谜图迷| www.103565.com-体育彩票包括哪些| www.167670.com-江苏快三彩票| www.266751.com-体彩排列3试机号| www.347005.com-七乐彩和值尾数杀号| www.424313.com-天天赢彩票平台| www.516507.com-快三龙帽子啥意思| www.583138.com-彩票网2元-| www.652666.cc-彩之网3d相年富图| www.771972.com-彩票开奖查询25号| www.855927.com-一分时时彩倍投方案| www.915162.com-湖北快三专业分析| www.972174.com-体育彩票官方软件| www.bt99.cc-7彩合法吗-| www.rx80.com-中彩网福利中心| www.02jw.com-彩虹映脸男生头像| www.64dk.com-有没有足彩微信群| www.0014.cc-十二生肖的彩票开奖| www.7215.loan-35彩票的另外网址| www.17131.cc-福彩开奖软件下载| www.53822.com-福利彩票营销计划词| www.637650.com-彩虹六号租号平台| www.mi11.com-江西时时彩被停原因| www.60208.com-福彩东湖社区论坛| www.552609.com-婚恋网时时彩诈骗| www.626190.com-福彩双色球红球三分| www.691760.com-江苏快三网易和值| www.763115.com-极速时时彩骗局| www.871243.com-手机乐赢彩票| www.944064.com-微微彩票官网| www.986985.com-华夏彩票软件下载| www.cp542.com-大发快三网址| www.kl00.com-河北彩票中奖| www.zn13.com-彩娃app188-| www.18ov.com-每周三开奖的彩票| www.523.site-500go彩下载| www.3610.com-上海福彩4d-| www.8386.cm-手机投彩靠谱吗| www.25033.com-12色彩铅颜色表| www.61311.cc-乐彩娱乐是真的假的| www.097516.com-彩票公益金资助学生| www.153458.com-北京快三电视走势图| www.237482.com-中国足球竞彩网| www.300056.com-256买彩票安卓版| www.359338.com-微博彩票游戏下分| www.428780.com-名城苏州中国体彩网| www.514453.com-彩妆连锁加盟品牌| www.573079.com-什么彩票没有停售| www.633440.com-生肖彩票规则介绍| www.691915.com-8亿彩app是什么| www.757441.com-中彩网的点数是什么| www.902403.com-鸿运彩票网打不开| www.959388.com-台湾快三全天计划| 500万彩票www.500pt.com| www.ag89.com-澳客网足彩-| www.og47.com-455彩票app-| www.3gs.cc-正规快三购彩平台| www.46sq.com-360彩票幸运购| www.088.space-3d走势图彩宝贝| www.2542.vip-自己玩黑彩算犯法吗| www.7164.biz-彩票开奖方法如下| www.13361.com-合肥彩票机坏了| www.48143.com-彩之家网址平台| www.84099.cc-易彩找人代玩骗局| www.025682.com-詹天佑福彩3d预测| www.087448.com-排列三预测彩票| www.136408.com-浩博彩票投注平台| www.198930.com-快乐彩票平台| www.255599.com-七星彩玩法规则| www.314633.com-中国彩票中奖人惨状| www.370884.com-陶瓷新彩画-| www.446559.com-彩票研究方法的博客|