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.849055.com-汪汪时时彩旧| www.zx49.com-下载重庆市彩开奖| www.372666.cc-怎样投诉彩票平台| www.586400.com-免费彩金百富论坛| www.258821.com-彩票中奖生成器在线| www.344468.com-双色球彩票交流群| www.48fg.com-三国杀张星彩多少钱| www.792255.com-福利彩票高手预测| www.948249.com-体彩的开奖结果| www.hx58.cc-快三哪个玩法追对子| www.173988.com-上海快三开奖结果快| www.598873.com-彩票源码塔建| www.167221.com-福彩快三网站| www.8357.cm-最容易中奖彩票平台| www.535392.com-什么彩票是6位数| www.978471.com-皇元彩票平台登录| www.yy34.com-乐盈彩app-| www.53139.cc-重庆时时新浪爱彩| www.139609.com-竞彩外围亚盘app| www.309032.com-送彩金彩票娱乐平台| www.ml35.com-好彩堂论坛-| www.1zl.cc-假鸿运彩票-| www.00zn.com-最美的彩虹写人作文| www.9501.loan-时时彩大数定律| www.81188.com-既开彩-| www.872422.com-快三长龙最多多少期| www.4337.xyz-彩票兑换时间| www.025141.com-彩票选号app| www.22oy.com-彩票输了叫-| www.ol63.com-彩票平台网站大全| www.36nj.com-财财迷迷七星彩预测| www.9800.cn-体彩的兑奖期限| www.6544.org-众彩购票网站123| www.76689.cc-中国彩票是最大诈骗| www.vk32.com-陕西福彩20选八| www.623679.com-正德彩票网-| www.44en.com-盈众彩票下载安装| www.004213.com-福彩高手大赢家论坛| www.23955.com-福彩3d彩乐乐预测| www.827755.com-彩66平台安全吗| www.539633.cc-黄金8彩票网微信号| www.39ex.com-海南七星彩杀号方法| www.529987.com-时时彩最怕怎样买法| www.81988.com-周五福彩开奖结果| www.355714.com-竞彩个人所得税| 通盈彩票www.848266.com| www.jh68.cc-发彩网快三-| www.k58.club-七天彩娱乐官网网址| www.136.date-聊天怎么回复彩虹屁| www.eg31.com-建筑工地彩钢围挡| www.ur80.com-彩神v是什么软件| www.892058.com-时彩彩助手-| www.66cu.com-华彩国际-| www.6913.cn-玩时时彩的高手心态| www.086080.com-聚宝盆彩票app| www.61627.cc-中国福利彩票事件| www.111173.com-快三投资技巧| www.598468.com-七星彩二三位差值| www.796667.com-众慱彩票-| www.929337.com-盈彩吧是正规的吗| www.870733.com-体彩广西-| 网易彩票www.26163p.com| www.65882.cc-彩票模拟器安卓版| www.627277.com-旺彩平台下载| www.887944.com-彩票网站如何推广| www.sd69.com-福利彩票qq群| www.19168.cc-广西福利彩票app| www.003708.com-有没有玩彩票的平台| www.133644.com-双色球彩票资讯| www.271790.com-立彩彩票网页版| www.418484.com-彩漂洗涤剂的作用| www.534224.com-买彩票不中表情图片| www.32922.com-江苏体育七位数彩票| www.011126.com-昨天彩票多少号| www.132557.com-合法的彩票app| www.263217.com-保定快三开奖号码| www.375005.com-体彩乐选二票| www.141423.com-好运彩快三下载安装| www.909769.com-网上跟五分彩合法吗| www.19014.com-福彩3d复式奖金| www.0698.com-赛马派彩及结果| www.6589.me-彩票中五百万能中吗| www.15530.com-k彩-彩民福地| www.55801.com-七乐彩胆3拖8| www.94ei.com-三d彩吧论坛首页| www.2464.vip-双彩字谜论坛字谜| www.7104.cn-七彩坊加盟-| www.14138.com-梦见死人七星彩数字| www.55247.com-时时彩开奖员| www.92222.com-福彩3d图谜八| www.041021.com-优彩网资料大全| www.126345.com-九万彩票改什么网址| www.sm18.com-时时彩拉手-| www.119219.com-福彩3d多少钱一注| www.246809.com-新浪足彩胜负彩分析| www.424909.com-汕头三亿体彩得主| www.64yh.com-重庆二分彩计划网| www.096072.com-特彩吧高手网| www.575772.com-彩票电子投注单| www.94699.cc-福利彩票都包括哪些| www.04167.com-黑龙江福彩七乐彩| www.9ke.cc-七星彩开奖直播网址| www.5800.cm-福建快三怎么玩稳赚| www.318216.com-开奖最快的彩票| www.728123.com-亿彩彩票网-| www.975348.com-霍华德彩票选号方法| www.mu85.com-体彩排列5走势图| www.460095.com-炫彩油画是传销么| www.5795.com-玩彩票输了五千想死| www.705270.com-现福彩中心主任是谁| www.977616.com-彩票跟单骗局| www.280010.com-全球最大的彩票平台| www.22563.cc-万人彩票网址| www.86470.com-竞彩猫公仔-| www.172285.com-江西多乐彩开奖查询| www.033618.com-彩票帮投怎么回事| www.310114.com-万州体育彩票中心| www.766803.com-彩8彩票25tt| www.68823.cc-3d乐彩网胆码预测| www.113929.com-福彩3d15和值| www.775559.cc-江苏快三官方计划网| www.940074.com-休彩排列5开奖号码| www.a79.net-谁有彩票公式| www.hc23.com-福利彩8真的吗| www.8318.net-体彩大乐透10期| www.563714.com-青海彩票网-| www.739793.com-乐透乐福彩博彩论坛| www.987834.com-福彩30选5走势| www.25788.cc-美东2分彩是官方的| www.005630.com-时时时彩票手机软件| www.675837.com-七彩乐中奖概率| www.ye27.com-大发快三中奖图片| www.126410.com-彩拾违法吗-| www.922159.com-彩礼钱一般给多少| www.871175.com-赢彩彩票怎么样| www.79317.com-华彩生活app| www.502326.com-附近体彩投注点| www.560805.com-足彩高手经验| www.622624.com-万家彩票网检测线路| www.680623.com-福建体育彩票官网站| www.747970.com-彩乐爆官网-| www.806179.com-3d彩吧网图库| www.866425.com-福建体彩手机投注| www.922523.com-人人彩票充值不了| www.967434.com-福利彩票微信群聊| 幸运彩票www.444067.com| 网易彩票www.562509.com| www.470580.com-在国外怎么买足彩| www.103638.com-怎么下载九州彩票| www.294258.com-买体彩大乐透的技巧| www.397530.com-体彩天庚图-| www.509099.com-qq中国福利彩票| www.877203.com-极速赛车彩票客户端| www.024124.com-小鹿彩票下载| www.735676.com-互联网彩票开售消息| www.837968.com-双色球杀号一彩经网| www.937669.com-50彩票-| 大赢家彩票网www.54400y.com| www.v89.club-新彩票走势网121| www.81et.com-哪些银行积分买彩票| www.559212.com-赤峰市体彩中心| www.974072.com-熊猫在线彩票| www.19yv.com-彩栗工具一今日运势| www.162867.com-福利彩票走势图尺寸|