QQ客服
当前位置 : 首页 > 代码 > 网页特效 > 表单代码 > jQuery bootstrap模态登录框插件

jQuery bootstrap模态登录框插件

基于bootstrap.js制作简洁模态登录框,点击按钮弹出登录框表单,输入账号,密码效果。这是一款响应式的弹窗登录框插件。
分享到微信朋友圈
X

使用方法:

1、head引入css文件

<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />

2、head引入js文件

<script type="text/javascript" src="js/jquery-1.12.4.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>

3、body引入HTML代码

<div class="modal fade" id="myModal">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
					  <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
			</div>
			<div class="modal-body">
					<h4 class="modal-title" align="center">登录框</h4>
					<br/>
					<form class="form-horizontal" role="form">
						<div class="form-group">
							<label for="name" class="col-sm-offset-2 col-sm-2 control-label">账号</label>
							<div class="col-sm-5">
								<input type="text" class="form-control" id="name" placeholder="请输您的入账号">
							</div>
						</div>
						<div class="form-group">
							<label for="password" class="col-sm-offset-2 col-sm-2 control-label">密码</label>
							<div class="col-sm-5">
								<input type="password" class="form-control" id="password" placeholder="请输入您的密码">
							</div>
						</div>
						<div class="form-group">
							<div class="col-sm-offset-4 col-sm-5">
								<button id="submitBtn" type="submit" class="btn btn-default btn-block btn-primary">登陆</button>
							</div>
						</div>
						</form>
			</div>
			<div class="modal-footer">
			</div>
		</div>
		<!-- /.modal-content -->
	</div><!-- /.modal-dialog -->
</div><!-- /.modal -->

<script type="text/javascript">
$(function(){

	$(".tbox").click(function(){
		$('#myModal').modal('show') //显示模态框
	})
	
});
</script>
[声明]本站素材来自用户分享,仅限学习交流请勿用于商业用途。如损害你的权益请联系客服QQ:2447402004给予处理。
举报×
举报原因:
L. 他的发布 已发布1

相关代码

二维码
意见反馈
×
×

注册

QQ注册 立即下载 新浪注册 立即下载

签到成功!

已连续签到1天,签到3天将获得积分VIP1天

知道了
七乐彩票 www.8602.vip-利博彩票最新| www.943321.com-广西体彩在哪| www.cp185.cc-幸运快三哪个平台有| www.3eu.com-两分彩计划-| www.0550.tv-吉林人看彩玩彩| www.898298.com-七星彩开奖结直播| www.6895.cc-爱彩彩网app| www.30632.com-有玩快三的微信群吗| www.76335.cc-彩博士全能王手机版| www.433066.com-彩票最近大奖得主| www.oa75.com-360彩票网官网| www.cai3699.com快三大小技巧| www.78844.com-双色球预测彩吧网| www.984860.com-手机彩票做号软件| www.44200.cc-体彩河北快乐扑克| www.986556.com-彩票578下载| www.cf78.com-大发快三手机购彩网| www.755057.com-彩16下载了打不开| www.mj80.com-时时彩组三组六全包| www.617703.com-中发彩票激请码| www.968481.com-彩票作弊码-| www.jg45.com-吉林快三大小破解| www.49cv.com-大家赢彩票网正规吗| www.16121.com-彩票5官网-| www.2393.win-彩乐手机-| www.620405.com-地球人彩票-| www.76781.cc-万优彩票平台| www.964422.com-国家体育彩票| www.ib24.com-安徽省体彩领奖地址| www.40wp.com-玩七星彩会不会犯法| www.157608.com-足彩能买单场吗| www.529687.com-中国彩吧首页天齐网| www.614338.com-有什么彩妆学校| www.701738.com-关注中国福利彩票| www.821805.com-彩乐乐3d杀号定胆| 中国福利彩票www.08588l.com| www.812711.com-彩81彩票作弊器| www.972604.com-123彩票网址| www.yl25.com-9b彩票投注站点| www.362220.com-雨后彩虹描写段落| www.959351.com-手机买快乐十分彩票| www.ez32.com-彩票官方网站| www.050808.com-k彩彩民中奖福地| www.703919.cc-福彩3d助手ios| www.777966.com-中国彩票种类及玩法| www.68eh.com-航天彩虹今股价| www.959232.com-彩票中奖小说排行| 大赢家彩票www.399230.com| www.iy05.com-彩票倍投是骗局揭秘| www.2411.vip-鸿彩一分快三规律| www.338289.com-贵州彩票中奖今天的| www.825377.com-竞彩猫艾薇微博| www.23gt.com-彩票如何判断ip| www.961487.com-福彩支票是哪个银行| 大赢家彩票平台www.320661.com| www.584784.com-彩报网福彩3d| www.1553.me-福彩3d杀码最精确| www.9388.in-卖彩票怎么操作| www.gt45.com-36选7好彩1奖金| www.i76.cc-下载乐彩论坛软件| www.53yq.com-最新的彩票代购平台| www.0800.cc-足彩去哪投注| www.9777.vip-三d彩票过滤器| www.04198.cc-彩票出票后注销流程| www.950676.com-大乐透彩民乐图谜| www.365210.cc-菜鸟彩票真的假的| www.522595.com-三分时时彩在线计划| www.625657.com-宝彩娱乐是骗| www.727739.com-幸运28正规彩票的| www.229273.com-梦想彩票登陆| www.153391.com-快三能买和值吗| www.988305.com-彩吧vip快三下载| www.713568.com-彩色的翅膀作者资料| www.814433.com-近期体彩排五中奖号| www.984341.com-体彩彩票助手手机版| www.32dh.com-星期四福彩开奖结果| www.4658.top-5a彩票平台靠谱吗| www.976956.com-返还彩礼案例| www.zy.com-河北快三走势5跨度| www.5wp.com-在哪里能买彩票| www.81eg.com-体彩店买足彩吗| www.993507.com-体彩竞彩几种玩法| www.fz25.com-彩票追号追死人| www.zf94.com-聚鑫彩票骗局| www.22ud.com-吉林省时时彩开奖号| www.40lj.com-彩吧三毛3d彩图| www.136986.com-彩票网站源码一条龙| www.iw67.com-爱彩投注平台| www.424288.com-3d和值遗漏乐彩网| www.216808.com-恒博彩票平台| www.898116.com-电脑版彩吧助手| www.65pj.cc-怎样卖体彩票| www.8750.org-休彩开奖号码| www.851455.com-精彩十分奖金表格| www.839157.com-网易彩票注册| 818合彩www.www.9889hc.com| www.148125.com-迷彩战士是什么动物| www.223832.com-宁夏福彩快三手机版| www.690864.com-胜负彩加奖11月| www.870422.com-易旺彩票网app| www.fa91.com-瑞彩祥云江苏快3| www.57912.cc-乐意彩票-| www.29lq.com-重庆时时彩胆码计算| www.201343.com-七星彩1到9的口诀| www.71191.com-体彩票开奖时间几点| www.212825.com-湖北快三app| www.7014.cn-竞彩258苹果下载| www.523930.com-e彩在线-| www.9901.com-众彩网迟丽颖大乐透| www.637888.cc-七星彩画规律图| www.20lb.com-体彩排列玩法| www.005428.com-体彩排列三开奖给果| www.85398.com-足彩3串一全包| www.146055.com-竞彩足球预测网站| www.618179.com-体彩11选5安徽| www.838252.com-105彩票.com| www.37282.cc-新星彩正版资料站| www.458128.com-七月彩票走向| www.854861.com-极速快三模拟器| www.61va.com-福彩3d14点和值| www.008312.com-下载众购彩票软件| www.77ez.com-彩票指南报纸风采网| www.tn17.com-安徽快三骗局| www.4mv.cc-加拿大彩票平台| www.65ht.com-国彩投资的骗局| www.875.cm-少儿彩铅画作品| www.364198.com-饭圈彩虹屁-| www.107363.com-99彩票手机版下载| www.5819.pw-足彩三场两关| www.67et.com-体彩快乐二十分开奖| www.78395.com-彩票接口调用失败| www.447237.com-彩票查询开奖软件| www.783001.com-甘肃体彩中心电话| www.885480.com-广发彩票app下载| www.968302.com-高倍率彩票平台| 亿彩堂www.558610.com| www.32156.com-80彩票下载平台| www.899508.com-9万彩票软件手机版| www.973129.com-周杰伦彩虹歌词| www.fg29.com-大发快三全天计划| www.65cf.com-彩票工具网(最新)| www.9392.cm-彩票超级大奖| www.266665.com-河北快三买号技巧| www.663519.com-百度彩票关闭了吗| www.800188.com-快三客助手下载| www.943073.com-703彩票苹果版| www.ef73.com-百姓彩票比大小| www.tx55.com-爱彩乐彩票网时时彩| www.146340.com-全天时时彩计划数据| www.268070.com-安徽快三遗漏值| www.355593.com-人人乐彩票网址| www.569595.com-彩票打票员好学吗| www.898001.com-除了福利彩票广告| www.964867.com-彩票数学原理| 500彩票www.911790.com| www.539430.com-彩票是不是假的| www.659181.com-重时彩开奖结果查询| www.762813.com-彩票投注站秒速| www.947503.com-今日福彩3d双彩图| www.135790.com-体彩打票员-| www.205388.com-大发快三要怎么玩| www.296610.com-湖北福利彩票出奖| www.7007.cn-体彩猜球规则| www.306.hk-领航时时彩qq群|