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天

知道了
1分快三 39彩票www.3933u.cc| www.63cm.com-今天福彩3d彩民乐| www.8886.wang-福彩十二生肖图片| www.ty35.com-彩票开奖查询七乐彩| www.0064.org-彩票包括几种类型| www.783465.com-安徽福彩3d-| www.786.online-福彩3d字谜解今天| www.86373.cc-加盟三彩需要多少钱| www.37451.com-购彩网是做什么的| www.093857.com-二分彩开奖结果| www.0651.xyz-足彩竞猜310| www.385302.com-快三技巧选号| www.762169.com-足彩滚球软件| www.951966.com-彩票123网站平台| www.uu90.com-重庆快三骗局| www.74qo.com-大掌柜彩票邀请码| www.3531.win-足彩竞彩单场推荐| www.11662.com-福彩3d彩吧网| www.77354.com-f彩网可信吗| www.174944.com-今天快三结果图湖北| www.318620.com-尊彩网官网注册| www.449282.com-玩分分彩诀窍| www.562225.com-什么叫彩票流水| www.913619.com-ag彩票平台-| www.964003.com-卖体彩实体店| www.40905.com-安微快3彩票是什么| www.239812.com-王者彩票有风险吗| www.18910.com-众乐彩票提现| www.103040.com-体彩顶呱刮翻倍赢| www.265716.cc-江苏e球彩中奖表图| www.009900.com-华彩在线下载| www.138887.com-百盈快三秘籍| www.392240.com-福彩3d魔图图片| www.561577.com-春彩娱乐提现不了| www.725637.com-福星彩开奖网站开| www.860209.com-河内五分彩软件下载| www.953327.com-乐彩网真的假的| 幸运彩票www.444201.com| www.kd99.com-内蒙古福彩官网首页| www.520347.com-特区七星彩纶坛下载| www.4828.me-98年世界杯彩票| www.44239.cc-福利彩票成立时间| www.222040.com-678彩票-| www.396787.com-纽约彩票-| www.583672.com-时时彩走势图| www.709310.com-彩票达芬奇密码算法| www.875119.com-酷彩吧在哪里下载| www.yc61.com-网络快三有赢钱的吗| www.13802.cc-五星新时时彩走势图| www.rv70.com-南方双彩网手机版| www.71es.com-彩票平台佣金最多| www.2288.cn-消费送彩票犯法吗| www.7243.cn-彩虹无人机演变| www.18515.cc-好彩网app合法么| www.108107.com-推荐彩票计划app| www.784304.com-时时彩购彩助手| www.927488.com-内蒙快三今曰开奖| www.k89.biz-0234大发彩-| www.0444.biz-159竞彩足球提现| www.24502.com-彩铅一片樱花树画法| www.022486.com-彩票走向如何看| www.196282.com-123手机彩票网站| www.398428.com-大成彩票平台| www.665449.com-直播彩票app| www.882508.com-中国第一张彩照| www.lj04.com-手机分分中彩票| www.97ei.com-优惠彩金网址| www.7895.net-彩票开奖吉林省的| www.36hq.com-福快三开奖结果查询| www.0262.loan-分分彩规律口诀| www.6548.in-福彩试机号今天晚上| www.893967.com-好彩票怎么下载不了| www.985034.com-nba竞彩篮球预测| www.ho17.com-足彩玩法说明| www.cp0918.com-快三胆拖中奖规则表| www.qy62.com-天天分分彩开奖号码| www.578.me-天无彩选四开奖结果| www.130695.com-七星彩长期包三字现| www.226494.com-买彩票鼓励句子| www.291911.com-刷彩票流水单攻略| www.356751.com-做网络彩票-| www.8845.cc-七彩票大全-| www.015934.com-七星彩排列五app| www.114538.com-足球彩票怎么买输赢| www.254582.com-七星彩专区高手论坛| www.403118.com-七星彩前四位推荐| www.560199.com-有那些彩票软件下载| www.654905.com-快乐十分彩票推荐图| www.iq59.com-中国福彩中心| www.b94.top-中国福彩3d金码| www.49kn.com-足彩伤停信息| www.2929.tv-兰州体彩兑奖地址| www.27477.cc-5分快三计划表| www.537269.com-春秋彩票骗局| www.625098.com-怎么样拉客户玩彩票| www.712537.com-体彩游泳夺金直播| www.565559.com-成都体彩店申请条件| www.639352.com-天猫小店彩票| www.775876.com-河北体彩咨询电话| www.862690.com-泰安彩票中奖| www.922697.com-彩色透水混凝土单价| www.979412.com-百年好彩原味铁盒| www.cp3807.com-快三计划网页版| www.ro00.com-福彩快三幕后黑手| www.019260.com-今日福彩3d布衣图| www.652661.com-彩贝壳app怎么样| www.880485.com-75彩票合法吗| www.549214.com-篮球计算器竞彩网| www.nh58.com-彩客网完场比分| www.1308.net-红彩会登录888| www.32691.com-体彩投诉电话| www.012825.com-时时中彩票官网登录| www.139499.cc-38彩票app下载| www.440130.com-uu快三怎么下载| www.646689.com-数字彩app-| www.580581.com-最新彩票弃奖| www.672985.com-七星彩中奖7注| www.750267.com-全民中彩是可靠吗| www.811951.com-福彩主任王素英电话| www.897232.com-优彩网资料大全| www.955345.com-彩票漏洞挣钱犯法吗| www.998929.com-彩票头条新闻| www.cb74.com-玩儿快三能挣钱吗| www.yc69.com-北京快三派彩网址| www.753886.com-2019年掌上中彩| www.821793.com-七星彩开机号今天| www.885853.com-彩虹的约定歌词| www.949263.com-社会福利彩票双色球| www.987563.com-福利彩票兑奖号码| www.cp1333.com-五分快三计划网在线| www.lj08.com-九万彩票app| www.a74.cc-官方正规彩种| www.31or.com-体彩星期四开什么| www.016410.com-今日福利彩票| www.110399.com-中国彩票趋势| www.393333.com-手绘动漫人物彩铅画| www.526622.com-做彩票网站犯法吗| www.662536.com-5504彩票-| www.775633.com-天天彩票安全可靠吗| www.864797.com-手机彩膜的坏处| www.rx2.com-上海体彩新11选5| www.3986.cc-东北结婚彩礼给什么| www.265939.com-银川体彩十一选五| www.673779.com-台湾福利彩票开奖| www.830030.com-怎么举报248彩票| www.907601.com-嘉定中奖彩民| www.0155.top-有彩色系有哪些| www.9967.top-海南大公鸡彩票| www.101966.com-彩票计划骗局| www.772005.com-深圳东方亮彩| www.sk87.com-时时彩3码的技巧| www.0938.wang-彩票下载大全| www.75031.com-竞彩软件哪个好| www.056075.com-快三助赢计划官网| www.155333.com-足彩混合投注怎么玩| www.268148.com-胜负彩500彩票| www.365427.cc-手机玩快三app| www.579238.com-福彩第一时间藏机图| www.697093.com-大乐透彩票app| www.802460.com-时时彩幸运飞艇| www.902345.com-重庆时时彩5分| www.980493.com-广西体彩管理中心| www.7682.top-福利彩票六千万| www.63650.com-高返彩票网站|