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.177109.com| www.313231.com-大发彩票坑人| www.716888.cc-少儿彩铅画教案| www.862839.com-肥城体彩3亿中奖| www.954205.com-彩109app下载| 鑫彩网www.xcw866.com| www.hx00.com-六中彩堂-| www.yv36.com-新2彩票论坛正版| www.968825.com-色彩传奇骗局| www.822639.com-购彩引导-| www.952057.com-彩票违法吗-| www.gx75.com-新彩票走势网| www.50mb.com-旭彩网怎么样| www.00jq.com-彩虹像什么的比喻句| www.34080.com-无极彩票平台| www.86297.com-南京三彩折扣店在哪| 吉利彩票www.80065t.com| www.44mj.com-足以傅彩是什么意思| www.ua56.com-江苏快三倍投技巧| www.0035.cn-2元彩票是几位数| www.17596.cc-广西福利中奖彩票| www.89237.com-爱情幸运号彩票| www.280696.com-重庆彩票网双色球| www.382007.com-五行预测彩票取数| www.001526.com-立彩彩票平台电话| www.io26.com-微彩娱乐app下载| www.79ag.com-时时彩二十分钟一期| www.8226.cm-合一彩票登陆| www.465607.com-什么彩票刷流水稳| www.690540.com-鹰彩注册-| www.862875.com-七乐彩今晚开奖直播| www.id8.com-内蒙古快三49、期| www.933711.com-贵州快三遗漏统计| www.tu86.com-华夏彩票登录网址| www.0475.xyz-山东七乐彩开奖号码| www.024471.com-内蒙快三助手app| www.025362.com-旭彩网开码-| www.303468.com-唯博彩票信息| www.lo5.cc-内蒙古快三玩技巧| www.58926.com-福彩3d个位杀号法| www.123076.com-各种彩票精准计划| www.271434.com-立彩彩票下载安装| www.406161.com-龙凤彩票官方网站| www.595466.com-旺彩票头奖运| www.743402.com-111cc彩票-| www.876077.com-京彩app官方下载| 亚洲彩www.68568d.com| www.289314.com-福建体彩即时彩| www.164198.com-今日篮彩专家推荐| www.061995.com-彩民之家特供| www.223030.com-丹麦快乐彩开奖记录| www.003957.com-足彩比分预测km| www.994581.com-体彩19017期| www.365226.com-600彩票是假的吗| www.543522.com-福彩3d图库预测| www.674663.com-亚洲彩票app| www.003879.com-彩之源靠谱吗| www.357796.com-深圳好彩平台| www.149559.com-彩票51中彩安全吗| www.812664.com-华彩咨询集团| www.949514.com-利彩票3d开奖公告| www.iz01.com-下载体彩-| www.997183.com-体彩快中彩奖金| www.395609.com-新手如何买3d彩票| www.223383.com-江苏福彩中心官网| www.69322.cc-足彩竞猜预测足料红| www.292426.com-北京快三多少期| www.453558.com-分乐彩-| www.626681.com-连中彩票安卓版| www.762424.com-能买足球彩票的软件| www.899670.com-福彩销售网点| www.mf9.com-内蒙古快三推荐号码| www.q19.net-乐彩网3b-| 凤凰彩票www.77802u.com| www.460020.com-彩帝包肖大论坛| www.23qo.com-体彩大乐透在线直播| www.30tj.com-今天哪个彩票开奖| www.332842.com-福彩陕西快乐十分| www.506593.com-体彩杀尾-| www.935855.com-荷兰一分钟快三| www.964203.com-彩票加倍规则| www.ck54.com-彩神前五独胆| www.677568.com-58彩票手机客户端| www.894764.com-彩票图表走势图表| www.cp5537.com-北京快三查询结果| 500彩票www.50051n.com| www.356234.com-1688时时彩网| www.434433.com-全乐彩会员登录| www.513009.com-大星彩票官网| www.29233.cc-优秀教师彩铅画作品| www.63694.com-足球彩票混合过关| www.027090.com-重庆5分彩开奖号码| www.870451.com-彩票店怎么赚钱| www.124949.com-体彩种类及具体玩法| www.948446.com-福彩3d第二版| www.fy57.com-安全的网上购彩平台| www.607058.com-彩票机写好会中奖吗| www.692983.com-体彩销售网点查询| www.14848.cc-数字彩票规律技巧| www.6351.pw-彩票天天开奖| www.971048.com-幸运彩票平台| www.30lq.com-色彩头像图片| www.7976.xyz-排3杀号定胆彩宝贝| www.583820.com-足彩加会员命中率| www.715478.com-时时彩百胜计划软件| www.101473.com-奥客网彩票双色球| www.913119.com-今天彩票指南报纸| www.hb16.com-99cc彩票-| www.25rq.com-彩友会能挣钱吗| www.91203.com-高空彩烟价格| www.073645.com-捡到钱买彩票| www.95752.com-中国足彩在线的微博| www.05456.cc-彩票禁止网上购买了| www.122061.com-胜负彩必发指数网| www.230382.com-体彩助手app| www.902960.com-快三怎么玩儿能盈利| www.16kw.com-温州彩票店转让| www.550778.com-全民中彩票客户端| www.709866.com-破解时时彩万能规律| www.kb24.com-41c四亿彩-| www.r01.top-买体育彩票怎么买法| www.360298.com-福彩3d图吧-| www.453655.com-航天彩虹今股价| www.541631.com-新疆体彩-| www.599928.com-天天中彩票不违法么| www.673503.com-安徽快三怎么算和值| www.bh29.com-传奇彩app-| www.l67.com-彩神l大小-| www.229319.com-我买彩票-| www.414853.com-江苏快三全天82期| www.851530.com-福彩任选三开奖结果| www.295365.cc-微彩票登录官网| www.zf58.com-58彩票下载网址| www.11493.com-合买彩票下载| www.101092.com-快彩12技巧-| www.240055.com-快8彩票开奖结果| www.335220.com-国家体彩中心电话| www.646424.com-章鱼彩票怎么提现| www.958411.com-发彩网官方版下载| www.119412.com-福彩3d倍投计算器| www.288024.com-立彩屠龙团队| www.496877.com-即时彩票是正规的不| www.663569.com-如果彩票中了一千万| www.223982.com-中国体彩网足球| www.337510.com-白菜彩金吧-| www.508308.com-彩票收藏价格| www.655032.com-算局七星彩旧版本| www.827691.com-买彩票去哪里买| www.898739.com-678彩票pk10| www.990646.com-体彩即开订票| www.ea71.com-吉林快三靠谱平台| www.20un.com-彩票758-| www.5218.net-最权威的彩票app| www.007717.com-福彩最快开奖结果| www.922856.com-体彩代销证到期了| www.625.mobi-中彩票横财八字吧| www.57af.com-平台彩票代理加盟| www.527387.com-时时彩2星直选| www.679077.com-彩票时间调整| www.862816.com-当天全部彩票开奖| www.hu60.com-快三012路速查表| www.14gq.com-福彩3d开-| www.67hk.com-福彩二十选八的玩法| www.7292.pw-彩虹频道直播源|