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.495532.com-谁手机博彩过| www.915.cm-福彩3d对应码大全| www.234656.com-3d彩票图迷-| www.ul3.cc-中国体彩开奖结果| www.959267.com-刮刮彩骗局-| www.dz7.cc-十分钟开奖彩票| www.868915.com-东北彩王的故事| 好彩www.60123j.com| www.6163.vip-国际福彩-| www.0025.online是几个数彩票| www.ot47.com-网络彩票新政策| www.38522.cc-海南七星彩计划软件| www.95386.com-鑫彩网网址是什么| www.527946.com-儿童彩色画-| www.429408.com-陕西乐彩-| www.800483.com-快三二同号多少钱| www.273561.com-彩票案于海最终结果| www.031318.com-买彩票11选五心理| www.896307.com-9购彩下载-| www.382.biz-anhui体育彩票| www.341189.com-拉萨福利彩票店| www.522027.com-澳客竞彩足球推荐| www.688991.com-唏关彩-| www.232151.cc-彩票12app-| www.020072.com-体育彩票官网四川| www.5219.wang-注册送300元彩金| www.65287.cc-福彩中奖计算器| www.162736.com-170彩票网网址| www.209.net-好运来博彩-| www.087064.com-福利彩票8079b| www.432080.com-彩票中302115| www.636788.com-有关彩虹的儿童歌曲| www.030747.com-微信中国彩-| www.84gn.com-伯乐彩彩票平台| www.365044.cc-福彩五等奖是多少钱| www.329604.com-山西福利彩票网站| www.30fo.com-昨晚出的彩票是多少| www.4851.vip-山西体彩诚招投注站| www.036268.com-福彩3地开机号| www.298783.com-中国手机彩票福彩网| www.21237.cc-彩神lll下载安卓| www.875225.com-快三骗局全过程| www.71545.com-旺旺彩票提现不了| www.1506.me-彩虹儿童歌曲| www.254007.com-快三开奖信息| www.350209.com-九万彩票害死人| www.443252.com-高价收中奖彩票被调| www.566534.com-与彩-| www.82iq.com-九江福利彩票中心| www.161651.com-中国体育彩票地图| www.325005.com-福利彩票三地字谜| www.13215.cc-常州市福利彩票转让| www.69790.com-玩盛世彩票后果| www.58199.cc-乐彩票app-| www.185548.com-北京快三走势图一定| www.285350.com-时时彩玩法中奖规则| www.365467.cc-百合花彩铅画教程| www.473813.com-福彩三个号-| www.567357.com-南京彩票大奖| www.650066.com-博彩骗局在国外| www.727172.com-优乐彩彩票-| www.217669.com-街机新快三下载安装| www.963966.com-彩票保本翻倍模式| www.890150.com-委托买彩票纠纷| www.954342.com-苹果时时彩软件| 鸿运彩票www.hy5507.com| www.730929.com-中福彩票可以玩吗| www.831464.com-彩票网站接单| www.900512.com-福彩3d牛彩预测| www.036203.com-手机彩票走势图大全| www.739364.com-开体彩店需要多少钱| www.22422.cc-因彩礼钱分手| www.009901.com-吴旭萍华彩-| www.113049.com-竞彩猫app苹果版| www.262361.com-福建体彩票-| www.339674.com-手机彩票助手计划| www.375471.com-排列三彩吧论坛首网| www.419813.com-印象彩票登录网址| www.606713.com-为什么足彩暂停销售| www.799619.com-福利彩票店铺| www.59567.com-江西快三软件推荐| www.82887.com-彩票双色球领奖流程| www.bz90.com-5分快三害死人| www.78138.cc-购彩骗局-| www.253116.com-网上快三是假的吗| www.307519.com-云南体彩11先5| www.446101.com-手机版彩票源码| www.634759.com-建盏养出七彩光| www.770513.com-江西时时彩为何停了| www.886509.com-爱购彩app-| www.976743.com-全国彩礼排名最低| www.m86.win-有极速时时彩种吗| www.33204.com-请下载全民彩票| www.266051.com-河北体育彩票选5| www.395056.com-云南体彩中心电话| www.611713.com-彩虹岛w手游| www.751916.com-怎么查体彩站点| www.873452.com-彩票开奖福彩| www.372019.com-体育彩票真能中吗| www.556444.com-七乐彩复式选号技巧| www.632815.com-nba的彩票-| www.704931.com-下载福彩官网3d| www.772494.com-重庆时彩客户端| www.846390.com-彩票摸奖-| www.898733.com-福彩快三红黑号| www.956589.com-乐赢彩票手机软件| 趣彩网www.qucp1.com| www.bi38.com-乐点大发彩票| www.rl92.com-吉林快三和值一定牛| www.07ql.com-休彩上期中奖号码| www.684089.com-湖北快三杀号公式| www.299148.com-体彩排列五开奖果| www.473530.com-极速快三口诀| www.03119.com-彩票巴巴是黑彩吗| www.90764.com-双彩论坛手机版3d| www.890244.com-福建快三一定牛遗漏| www.019069.com-陕西快三官网开奖| www.059122.com-快三群里的图怎么发| www.276892.com-吉林快三跨度和值表| www.404004.com-积石山彩陶王简介| www.646676.com-双色球彩民中奖经验| www.007685.com-体彩奖结果排列5| www.127400.com-彩虹世界破解| www.4995.com-苹果4s彩色膜| www.545822.com-申请开办福利彩票| www.731560.com-众彩易购注册| www.857807.com-盈彩计划app| www.931661.com-买彩票中奖咒语| www.7889.org-天际国际彩票| www.79068.com-玩彩票的app| www.092059.com-彩票之家免费下载| www.449897.com-彩票幽默搞笑图片| www.306988.com-足彩app停售| www.416055.com-分分彩网站源码| www.616524.com-体彩送的自行车| www.716377.com-哆力七星彩表| www.804926.com-彩票追加-| www.882052.com-彩票工资车平台| www.33dw.cc-体彩排列三图谜彩报| www.52ni.com-江苏人彩礼-| www.173188.com-五分钟开的幸运快三| www.350595.com-欢乐快三开奖| www.467733.com-七星彩售票截止时间| www.605605.cc-家装贴墙用彩膜好吗| www.744407.com-靠谱的移动彩票软件| www.906961.com-彩票容易中奖类型| www.hc69.com-河南体育彩票| www.4za.com-刘军玩彩实战| www.376.biz-牛彩网app-| www.955441.com-黑彩票平台破解器| www.72uj.com-竞彩单关推荐| www.2935.cc-福彩快三倍投计划表| www.051851.com-福彩3d金码试机号| www.hw87.com-彩票大底是什么意思| www.zb74.com-体育彩排列五走势图| www.30pt.com-fc彩虹岛无敌版| www.03253.com-欠债买彩票-| www.72427.com-彩29彩票安卓下载| www.151817.com-福利三分彩开奖结果| www.228157.com-福彩网快三下载安装| www.286911.com-中国福建福彩网| www.989233.com-乐彩软件是不是真的| www.77248.cc-彩票几率有多低| www.164616.com-高频彩票倍投害死人|